@sdvf23rvfa43f/sidebar-header 1.2.0

package/dist/PlaceholderPage-ftRS9Unp.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType, ReactNode } from 'react';
+
+interface PlaceholderPageProps {
+    title: string;
+    subtitle?: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    badge?: string;
+    children?: ReactNode;
+}
+declare function PlaceholderPage({ title, subtitle, icon: Icon, badge, children, }: PlaceholderPageProps): react_jsx_runtime.JSX.Element;
+
+export { PlaceholderPage as P, type PlaceholderPageProps as a };

package/dist/chunk-JNP6BURZ.js

@@ -0,0 +1,183 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { LayoutDashboard, Server, Shield, AppWindow, Layers, HardDrive, Zap, Globe, Network, Receipt, LifeBuoy, TicketPlus, Users, Rocket } from 'lucide-react';
+import { useLocation } from 'react-router';
+
+// src/pages/PlaceholderPage.tsx
+function PlaceholderPage({
+  title,
+  subtitle,
+  icon: Icon,
+  badge,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 px-6 py-20", children: [
+    Icon && /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl bg-white/[0.04] ring-1 ring-white/[0.06]", children: /* @__PURE__ */ jsx(Icon, { className: "h-8 w-8 text-sg-text-muted" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-sg-text-primary text-2xl font-semibold", children: title }),
+      badge && /* @__PURE__ */ jsx("span", { className: "rounded-md bg-white/[0.06] px-2 py-0.5 text-xs text-sg-text-muted ring-1 ring-white/[0.08]", children: badge })
+    ] }),
+    subtitle && /* @__PURE__ */ jsx("p", { className: "max-w-md text-center text-sg-text-muted", children: subtitle }),
+    children
+  ] });
+}
+function DashboardPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Dashboard",
+      subtitle: "Overview of your Caasify infrastructure and services.",
+      icon: LayoutDashboard
+    }
+  );
+}
+function ServersPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Servers",
+      subtitle: "Manage your Cloud VPS instances.",
+      icon: Server
+    }
+  );
+}
+function VpnPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "VPNs",
+      subtitle: "Manage your VPN connections and tunnels.",
+      icon: Shield
+    }
+  );
+}
+function ApplicationPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Application",
+      subtitle: "Deploy and manage your applications.",
+      icon: AppWindow,
+      badge: "SOON"
+    }
+  );
+}
+function PlatformPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Platform",
+      subtitle: "Manage your platform infrastructure and services.",
+      icon: Layers,
+      badge: "SOON"
+    }
+  );
+}
+function S3Page() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "S3",
+      subtitle: "Object storage buckets and file management.",
+      icon: HardDrive,
+      badge: "SOON"
+    }
+  );
+}
+function FunctionsPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Functions",
+      subtitle: "Deploy and manage serverless functions.",
+      icon: Zap,
+      badge: "BETA"
+    }
+  );
+}
+function DomainPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Domain",
+      subtitle: "Register and manage your domain names.",
+      icon: Globe,
+      badge: "BETA"
+    }
+  );
+}
+function DnsServicePage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "DNS Service",
+      subtitle: "Configure DNS zones and records.",
+      icon: Network,
+      badge: "BETA"
+    }
+  );
+}
+function BillingPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "View Invoices",
+      subtitle: "Review your billing history and manage payment methods.",
+      icon: Receipt
+    }
+  );
+}
+function SupportPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Support",
+      subtitle: "Browse help articles and view your support tickets.",
+      icon: LifeBuoy
+    }
+  );
+}
+function OpenTicketPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Open Ticket",
+      subtitle: "Create a new support ticket and get help from our team.",
+      icon: TicketPlus
+    }
+  );
+}
+function BecomeResellerPage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Become Reseller",
+      subtitle: "Join the Caasify reseller program and grow your business.",
+      icon: Users
+    }
+  );
+}
+function OrderServicePage() {
+  return /* @__PURE__ */ jsx(
+    PlaceholderPage,
+    {
+      title: "Deploy",
+      subtitle: "Choose a service and deploy in seconds.",
+      icon: Rocket
+    }
+  );
+}
+function NotFoundPage() {
+  const location = useLocation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 px-6 py-20", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl bg-white/[0.04] ring-1 ring-white/[0.06]", children: /* @__PURE__ */ jsx("span", { className: "text-2xl", children: "404" }) }),
+    /* @__PURE__ */ jsx("h1", { className: "text-sg-text-primary text-2xl font-semibold", children: "Page Not Found" }),
+    /* @__PURE__ */ jsxs("p", { className: "max-w-md text-center text-sg-text-muted", children: [
+      "No route matches ",
+      /* @__PURE__ */ jsx("code", { className: "rounded bg-white/[0.06] px-1.5 py-0.5 text-sm", children: location.pathname })
+    ] })
+  ] });
+}
+
+export { ApplicationPage, BecomeResellerPage, BillingPage, DashboardPage, DnsServicePage, DomainPage, FunctionsPage, NotFoundPage, OpenTicketPage, OrderServicePage, PlaceholderPage, PlatformPage, S3Page, ServersPage, SupportPage, VpnPage };
+//# sourceMappingURL=chunk-JNP6BURZ.js.map
+//# sourceMappingURL=chunk-JNP6BURZ.js.map

package/dist/chunk-JNP6BURZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/PlaceholderPage.tsx","../src/pages/DashboardPage.tsx","../src/pages/ServersPage.tsx","../src/pages/VpnPage.tsx","../src/pages/ApplicationPage.tsx","../src/pages/PlatformPage.tsx","../src/pages/S3Page.tsx","../src/pages/FunctionsPage.tsx","../src/pages/DomainPage.tsx","../src/pages/DnsServicePage.tsx","../src/pages/BillingPage.tsx","../src/pages/SupportPage.tsx","../src/pages/OpenTicketPage.tsx","../src/pages/BecomeResellerPage.tsx","../src/pages/OrderServicePage.tsx","../src/pages/NotFoundPage.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-JNP6BURZ.js","sourcesContent":["/* ═══════════════════════════════════════════════════════════════\n   PlaceholderPage — Generic stub page for routes not yet implemented\n   ═══════════════════════════════════════════════════════════════ */\n\nimport type { ComponentType, ReactNode } from 'react';\n\nexport interface PlaceholderPageProps {\n  title: string;\n  subtitle?: string;\n  icon?: ComponentType<{ className?: string }>;\n  badge?: string;\n  children?: ReactNode;\n}\n\nexport function PlaceholderPage({\n  title,\n  subtitle,\n  icon: Icon,\n  badge,\n  children,\n}: PlaceholderPageProps) {\n  return (\n    <div className=\"flex flex-1 flex-col items-center justify-center gap-4 px-6 py-20\">\n      {Icon && (\n        <div className=\"flex h-16 w-16 items-center justify-center rounded-2xl bg-white/[0.04] ring-1 ring-white/[0.06]\">\n          <Icon className=\"h-8 w-8 text-sg-text-muted\" />\n        </div>\n      )}\n      <div className=\"flex items-center gap-2\">\n        <h1 className=\"text-sg-text-primary text-2xl font-semibold\">{title}</h1>\n        {badge && (\n          <span className=\"rounded-md bg-white/[0.06] px-2 py-0.5 text-xs text-sg-text-muted ring-1 ring-white/[0.08]\">\n            {badge}\n          </span>\n        )}\n      </div>\n      {subtitle && (\n        <p className=\"max-w-md text-center text-sg-text-muted\">{subtitle}</p>\n      )}\n      {children}\n    </div>\n  );\n}\n","import { LayoutDashboard } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function DashboardPage() {\n  return (\n    <PlaceholderPage\n      title=\"Dashboard\"\n      subtitle=\"Overview of your Caasify infrastructure and services.\"\n      icon={LayoutDashboard}\n    />\n  );\n}\n","import { Server } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function ServersPage() {\n  return (\n    <PlaceholderPage\n      title=\"Servers\"\n      subtitle=\"Manage your Cloud VPS instances.\"\n      icon={Server}\n    />\n  );\n}\n","import { Shield } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function VpnPage() {\n  return (\n    <PlaceholderPage\n      title=\"VPNs\"\n      subtitle=\"Manage your VPN connections and tunnels.\"\n      icon={Shield}\n    />\n  );\n}\n","import { AppWindow } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function ApplicationPage() {\n  return (\n    <PlaceholderPage\n      title=\"Application\"\n      subtitle=\"Deploy and manage your applications.\"\n      icon={AppWindow}\n      badge=\"SOON\"\n    />\n  );\n}\n","import { Layers } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function PlatformPage() {\n  return (\n    <PlaceholderPage\n      title=\"Platform\"\n      subtitle=\"Manage your platform infrastructure and services.\"\n      icon={Layers}\n      badge=\"SOON\"\n    />\n  );\n}\n","import { HardDrive } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function S3Page() {\n  return (\n    <PlaceholderPage\n      title=\"S3\"\n      subtitle=\"Object storage buckets and file management.\"\n      icon={HardDrive}\n      badge=\"SOON\"\n    />\n  );\n}\n","import { Zap } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function FunctionsPage() {\n  return (\n    <PlaceholderPage\n      title=\"Functions\"\n      subtitle=\"Deploy and manage serverless functions.\"\n      icon={Zap}\n      badge=\"BETA\"\n    />\n  );\n}\n","import { Globe } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function DomainPage() {\n  return (\n    <PlaceholderPage\n      title=\"Domain\"\n      subtitle=\"Register and manage your domain names.\"\n      icon={Globe}\n      badge=\"BETA\"\n    />\n  );\n}\n","import { Network } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function DnsServicePage() {\n  return (\n    <PlaceholderPage\n      title=\"DNS Service\"\n      subtitle=\"Configure DNS zones and records.\"\n      icon={Network}\n      badge=\"BETA\"\n    />\n  );\n}\n","import { Receipt } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function BillingPage() {\n  return (\n    <PlaceholderPage\n      title=\"View Invoices\"\n      subtitle=\"Review your billing history and manage payment methods.\"\n      icon={Receipt}\n    />\n  );\n}\n","import { LifeBuoy } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function SupportPage() {\n  return (\n    <PlaceholderPage\n      title=\"Support\"\n      subtitle=\"Browse help articles and view your support tickets.\"\n      icon={LifeBuoy}\n    />\n  );\n}\n","import { TicketPlus } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function OpenTicketPage() {\n  return (\n    <PlaceholderPage\n      title=\"Open Ticket\"\n      subtitle=\"Create a new support ticket and get help from our team.\"\n      icon={TicketPlus}\n    />\n  );\n}\n","import { Users } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function BecomeResellerPage() {\n  return (\n    <PlaceholderPage\n      title=\"Become Reseller\"\n      subtitle=\"Join the Caasify reseller program and grow your business.\"\n      icon={Users}\n    />\n  );\n}\n","import { Rocket } from 'lucide-react';\nimport { PlaceholderPage } from './PlaceholderPage';\n\nexport function OrderServicePage() {\n  return (\n    <PlaceholderPage\n      title=\"Deploy\"\n      subtitle=\"Choose a service and deploy in seconds.\"\n      icon={Rocket}\n    />\n  );\n}\n","import { useLocation } from 'react-router';\n\nexport function NotFoundPage() {\n  const location = useLocation();\n  return (\n    <div className=\"flex flex-1 flex-col items-center justify-center gap-4 px-6 py-20\">\n      <div className=\"flex h-16 w-16 items-center justify-center rounded-2xl bg-white/[0.04] ring-1 ring-white/[0.06]\">\n        <span className=\"text-2xl\">404</span>\n      </div>\n      <h1 className=\"text-sg-text-primary text-2xl font-semibold\">Page Not Found</h1>\n      <p className=\"max-w-md text-center text-sg-text-muted\">\n        No route matches <code className=\"rounded bg-white/[0.06] px-1.5 py-0.5 text-sm\">{location.pathname}</code>\n      </p>\n    </div>\n  );\n}\n"]}

package/dist/chunk-PJ3VQ2RZ.js

@@ -0,0 +1,179 @@
+import { resolveCurrentId, caasifyRouteMap, caasifyNavigation, caasifyHeaderCTA, CAASIFY_WALLET_CURRENCY, caasifyLogo } from './chunk-PZYJ3H4D.js';
+import { NotFoundPage, OrderServicePage, BecomeResellerPage, OpenTicketPage, SupportPage, BillingPage, DnsServicePage, DomainPage, FunctionsPage, S3Page, PlatformPage, ApplicationPage, VpnPage, ServersPage, DashboardPage } from './chunk-JNP6BURZ.js';
+import { useLocation, useNavigate, createBrowserRouter, Outlet } from 'react-router';
+import { AppShell } from '@sdvf23rvfa43f/stealth-glass';
+import { jsx } from 'react/jsx-runtime';
+
+function CaasifyShell({
+  children,
+  isAuthenticated,
+  user,
+  onSignOut,
+  walletBalance,
+  walletCurrency = CAASIFY_WALLET_CURRENCY,
+  onAddFunds,
+  navigation = caasifyNavigation,
+  routeMap = caasifyRouteMap,
+  headerLeftSlot,
+  headerRightSlot,
+  ambientColors,
+  contentMaxWidth,
+  isLoading,
+  footerSlot,
+  contextualNav
+}) {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const currentId = resolveCurrentId(location.pathname);
+  const contextual = contextualNav ? contextualNav(currentId) : null;
+  const effectiveRouteMap = contextual ? { ...routeMap, ...contextual.routeMap } : routeMap;
+  const effectiveNavigation = contextual ? navigation.length > 0 ? [navigation[0], contextual.section, ...navigation.slice(1)] : [contextual.section] : navigation;
+  let effectiveCurrentId = currentId;
+  if (contextual) {
+    let longestMatch = 0;
+    const scanItem = (itemId) => {
+      const path = effectiveRouteMap[itemId];
+      if (path && path !== "/" && location.pathname.startsWith(path) && path.length > longestMatch) {
+        longestMatch = path.length;
+        effectiveCurrentId = itemId;
+      }
+    };
+    for (const item of contextual.section.items) {
+      scanItem(item.id);
+      if (item.children) {
+        for (const child of item.children) {
+          scanItem(child.id);
+        }
+      }
+    }
+  }
+  const handleNavigate = (id) => {
+    const path = effectiveRouteMap[id];
+    if (path) navigate(path);
+  };
+  const wallet = walletBalance !== void 0 ? {
+    balance: walletBalance,
+    currency: walletCurrency,
+    onAddFunds: onAddFunds ?? (() => navigate("/billing"))
+  } : void 0;
+  const ctaButton = {
+    label: caasifyHeaderCTA.label,
+    icon: caasifyHeaderCTA.icon,
+    onClick: () => navigate(caasifyHeaderCTA.route)
+  };
+  return /* @__PURE__ */ jsx(
+    AppShell,
+    {
+      logo: caasifyLogo,
+      navigation: effectiveNavigation,
+      currentId: effectiveCurrentId,
+      onNavigate: handleNavigate,
+      isAuthenticated,
+      user,
+      onSignOut: onSignOut ?? (() => {
+      }),
+      wallet,
+      ctaButton,
+      headerLeftSlot,
+      headerRightSlot,
+      ambientColors,
+      contentMaxWidth,
+      isLoading,
+      footerSlot,
+      children
+    }
+  );
+}
+var ROUTE_IDS = {
+  ROOT: "root",
+  DASHBOARD: "dashboard",
+  SERVERS: "cloud-vps",
+  VPN: "vpn",
+  APPLICATION: "app",
+  PLATFORM: "platform",
+  S3: "s3",
+  FUNCTIONS: "serverless",
+  DOMAIN: "domain",
+  DNS_SERVICE: "route53",
+  BILLING: "billing",
+  SUPPORT: "support",
+  OPEN_TICKET: "support-open-ticket",
+  BECOME_RESELLER: "become-reseller",
+  ORDER_SERVICE: "order-service",
+  NOT_FOUND: "not-found"
+};
+var defaultPageMap = {
+  [ROUTE_IDS.DASHBOARD]: DashboardPage,
+  [ROUTE_IDS.SERVERS]: ServersPage,
+  [ROUTE_IDS.VPN]: VpnPage,
+  [ROUTE_IDS.APPLICATION]: ApplicationPage,
+  [ROUTE_IDS.PLATFORM]: PlatformPage,
+  [ROUTE_IDS.S3]: S3Page,
+  [ROUTE_IDS.FUNCTIONS]: FunctionsPage,
+  [ROUTE_IDS.DOMAIN]: DomainPage,
+  [ROUTE_IDS.DNS_SERVICE]: DnsServicePage,
+  [ROUTE_IDS.BILLING]: BillingPage,
+  [ROUTE_IDS.SUPPORT]: SupportPage,
+  [ROUTE_IDS.OPEN_TICKET]: OpenTicketPage,
+  [ROUTE_IDS.BECOME_RESELLER]: BecomeResellerPage,
+  [ROUTE_IDS.ORDER_SERVICE]: OrderServicePage,
+  [ROUTE_IDS.NOT_FOUND]: NotFoundPage
+};
+function buildChildRoutes(pageOverrides = {}, extraRoutes = []) {
+  const page = (id) => pageOverrides[id] ?? defaultPageMap[id] ?? NotFoundPage;
+  return [
+    // ── Overview ───────────────────────────────────
+    { id: ROUTE_IDS.DASHBOARD, index: true, Component: page(ROUTE_IDS.DASHBOARD) },
+    { id: ROUTE_IDS.SERVERS, path: "cloud-vps", Component: page(ROUTE_IDS.SERVERS) },
+    { id: ROUTE_IDS.VPN, path: "vpn", Component: page(ROUTE_IDS.VPN) },
+    { id: ROUTE_IDS.APPLICATION, path: "app", Component: page(ROUTE_IDS.APPLICATION) },
+    { id: ROUTE_IDS.PLATFORM, path: "platform", Component: page(ROUTE_IDS.PLATFORM) },
+    { id: ROUTE_IDS.S3, path: "s3", Component: page(ROUTE_IDS.S3) },
+    { id: ROUTE_IDS.FUNCTIONS, path: "serverless", Component: page(ROUTE_IDS.FUNCTIONS) },
+    { id: ROUTE_IDS.DOMAIN, path: "domain", Component: page(ROUTE_IDS.DOMAIN) },
+    { id: ROUTE_IDS.DNS_SERVICE, path: "route53", Component: page(ROUTE_IDS.DNS_SERVICE) },
+    // ── Account ───────────────────────────────────
+    { id: ROUTE_IDS.BILLING, path: "billing", Component: page(ROUTE_IDS.BILLING) },
+    { id: ROUTE_IDS.SUPPORT, path: "support", Component: page(ROUTE_IDS.SUPPORT) },
+    { id: ROUTE_IDS.OPEN_TICKET, path: "support/open-ticket", Component: page(ROUTE_IDS.OPEN_TICKET) },
+    { id: ROUTE_IDS.BECOME_RESELLER, path: "become-reseller", Component: page(ROUTE_IDS.BECOME_RESELLER) },
+    // ── Header CTA ────────────────────────────────
+    { id: ROUTE_IDS.ORDER_SERVICE, path: "order-service", Component: page(ROUTE_IDS.ORDER_SERVICE) },
+    // ── Extra routes from consumer ────────────────
+    ...extraRoutes,
+    // ── Catch-all 404 ─────────────────────────────
+    { id: ROUTE_IDS.NOT_FOUND, path: "*", Component: page(ROUTE_IDS.NOT_FOUND) }
+  ];
+}
+function createRootComponent(shellProps) {
+  const { children: _ignored, isAuthenticated, ...rest } = shellProps;
+  return function CaasifyRoot() {
+    return /* @__PURE__ */ jsx(CaasifyShell, { ...rest, isAuthenticated: isAuthenticated ?? false, children: /* @__PURE__ */ jsx(Outlet, {}) });
+  };
+}
+function buildCaasifyRoutes(options = {}) {
+  const {
+    shellProps = {},
+    pageOverrides = {},
+    extraRoutes = [],
+    topLevelRoutes = [],
+    RootComponent
+  } = options;
+  const Root = RootComponent ?? createRootComponent(shellProps);
+  return [
+    {
+      id: ROUTE_IDS.ROOT,
+      path: "/",
+      Component: Root,
+      children: buildChildRoutes(pageOverrides, extraRoutes)
+    },
+    ...topLevelRoutes
+  ];
+}
+function createCaasifyRouter(options = {}) {
+  return createBrowserRouter(buildCaasifyRoutes(options));
+}
+
+export { CaasifyShell, ROUTE_IDS, buildCaasifyRoutes, buildChildRoutes, createCaasifyRouter, defaultPageMap };
+//# sourceMappingURL=chunk-PJ3VQ2RZ.js.map
+//# sourceMappingURL=chunk-PJ3VQ2RZ.js.map

package/dist/chunk-PJ3VQ2RZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/CaasifyShell.tsx","../src/routes.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-PJ3VQ2RZ.js","sourcesContent":["/* ═══════════════════════════════════════════════════════════════\n   @sdvf23rvfa43f/sidebar-header — CaasifyShell Component\n   ═══════════════════════════════════════════════════════════════\n   Pre-wired AppShell with Caasify navigation.\n   Drop into any micro-project's root route:\n   \n     import { CaasifyShell } from '@sdvf23rvfa43f/sidebar-header';\n     \n     export default function Root() {\n       return (\n         <CaasifyShell\n           isAuthenticated={true}\n           user={{ name: 'Jane', email: 'jane@acme.io' }}\n           walletBalance={124.50}\n           onSignOut={() => auth.signOut()}\n         >\n           <Outlet />\n         </CaasifyShell>\n       );\n     }\n   ═══════════════════════════════════════════════════════════════ */\n\nimport { type ReactNode } from 'react';\nimport { useLocation, useNavigate } from 'react-router';\nimport { AppShell } from '@sdvf23rvfa43f/stealth-glass';\nimport type { SidebarUser, AppShellProps, SidebarNavItem } from '@sdvf23rvfa43f/stealth-glass';\n\n/** Nav item that may have inline children (used by contextual nav). */\ntype NavItemWithChildren = SidebarNavItem & { children?: SidebarNavItem[] };\n\nimport {\n  caasifyLogo,\n  caasifyNavigation,\n  caasifyRouteMap,\n  caasifyHeaderCTA,\n  resolveCurrentId,\n  CAASIFY_WALLET_CURRENCY,\n} from './navigation';\nimport type { ContextualNav } from './navigation';\n\n// ─── Props ───────────────────────────────────────────────────\n\nexport interface CaasifyShellProps {\n  children: ReactNode;\n\n  /** Auth state */\n  isAuthenticated: boolean;\n  user?: SidebarUser;\n  onSignOut?: () => void;\n\n  /** Wallet balance (shown in sidebar). Omit to hide wallet widget. */\n  walletBalance?: number;\n  /** Wallet currency symbol. Default: '€' */\n  walletCurrency?: string;\n  /** Callback when \"Add Funds\" is clicked. Defaults to navigate('/billing'). */\n  onAddFunds?: () => void;\n\n  /** Override navigation sections (advanced). Default: Caasify canonical nav. */\n  navigation?: AppShellProps['navigation'];\n  /** Override route map (advanced). Default: caasifyRouteMap. */\n  routeMap?: Record<string, string>;\n\n  /** Extra AppShell props forwarded directly (headerLeftSlot, ambientColors, etc.) */\n  headerLeftSlot?: AppShellProps['headerLeftSlot'];\n  headerRightSlot?: AppShellProps['headerRightSlot'];\n  ambientColors?: AppShellProps['ambientColors'];\n  contentMaxWidth?: AppShellProps['contentMaxWidth'];\n  isLoading?: AppShellProps['isLoading'];\n  footerSlot?: AppShellProps['footerSlot'];\n\n  /**\n   * Contextual sidebar section resolver (Option B).\n   * Called with the resolved canonical `currentId` on every render.\n   * Return a `ContextualNav` to inject a dynamic section between Overview and Account,\n   * or `null` to show the default 2-section layout.\n   *\n   * The resolver should be pure and cheap. Memoize with `useCallback` if needed.\n   */\n  contextualNav?: (currentId: string) => ContextualNav | null;\n}\n\n// ─── Component ───────────────────────────────────────────────\n\nexport function CaasifyShell({\n  children,\n  isAuthenticated,\n  user,\n  onSignOut,\n  walletBalance,\n  walletCurrency = CAASIFY_WALLET_CURRENCY,\n  onAddFunds,\n  navigation = caasifyNavigation,\n  routeMap = caasifyRouteMap,\n  headerLeftSlot,\n  headerRightSlot,\n  ambientColors,\n  contentMaxWidth,\n  isLoading,\n  footerSlot,\n  contextualNav,\n}: CaasifyShellProps) {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const currentId = resolveCurrentId(location.pathname);\n\n  // ── Contextual section resolution ────────────────────────\n  // Use consumer resolver if provided, otherwise no contextual nav\n  const contextual = contextualNav ? contextualNav(currentId) : null;\n\n  // Merge route maps: contextual entries layered on top of canonical\n  const effectiveRouteMap = contextual\n    ? { ...routeMap, ...contextual.routeMap }\n    : routeMap;\n\n  // Splice contextual section between Overview (idx 0) and Account (idx 1+)\n  const effectiveNavigation = contextual\n    ? navigation.length > 0\n      ? [navigation[0], contextual.section, ...navigation.slice(1)]\n      : [contextual.section]\n    : navigation;\n\n  // Resolve contextual active item via longest pathname prefix match\n  // Priority: contextual item > canonical currentId\n  // Scans both top-level items AND inline children\n  let effectiveCurrentId = currentId;\n  if (contextual) {\n    let longestMatch = 0;\n    const scanItem = (itemId: string) => {\n      const path = effectiveRouteMap[itemId];\n      if (\n        path &&\n        path !== '/' &&\n        location.pathname.startsWith(path) &&\n        path.length > longestMatch\n      ) {\n        longestMatch = path.length;\n        effectiveCurrentId = itemId;\n      }\n    };\n    for (const item of contextual.section.items as NavItemWithChildren[]) {\n      scanItem(item.id);\n      // Also scan inline children\n      if (item.children) {\n        for (const child of item.children) {\n          scanItem(child.id);\n        }\n      }\n    }\n  }\n\n  const handleNavigate = (id: string) => {\n    const path = effectiveRouteMap[id];\n    if (path) navigate(path);\n  };\n\n  const wallet = walletBalance !== undefined\n    ? {\n        balance: walletBalance,\n        currency: walletCurrency,\n        onAddFunds: onAddFunds ?? (() => navigate('/billing')),\n      }\n    : undefined;\n\n  const ctaButton = {\n    label: caasifyHeaderCTA.label,\n    icon: caasifyHeaderCTA.icon,\n    onClick: () => navigate(caasifyHeaderCTA.route),\n  };\n\n  return (\n    <AppShell\n      logo={caasifyLogo}\n      navigation={effectiveNavigation}\n      currentId={effectiveCurrentId}\n      onNavigate={handleNavigate}\n      isAuthenticated={isAuthenticated}\n      user={user}\n      onSignOut={onSignOut ?? (() => {})}\n      wallet={wallet}\n      ctaButton={ctaButton}\n      headerLeftSlot={headerLeftSlot}\n      headerRightSlot={headerRightSlot}\n      ambientColors={ambientColors}\n      contentMaxWidth={contentMaxWidth}\n      isLoading={isLoading}\n      footerSlot={footerSlot}\n    >\n      {children}\n    </AppShell>\n  );\n}","/* ═══════════════════════════════════════════════════════════════\n   @sdvf23rvfa43f/sidebar-header — Route Definitions & Router Factory\n   ═══════════════════════════════════════════════════════════════\n   \n   Two usage modes:\n   \n   A) Full router (zero-config):\n      import { createCaasifyRouter } from '@sdvf23rvfa43f/sidebar-header/routes';\n      const router = createCaasifyRouter();\n      <RouterProvider router={router} />\n   \n   B) Route objects only (mix with your own routes):\n      import { caasifyRoutes, caasifyChildRoutes } from '@sdvf23rvfa43f/sidebar-header/routes';\n      const router = createBrowserRouter([\n        ...caasifyRoutes,\n        { path: '/my-custom', Component: MyPage },\n      ]);\n   \n   ═══════════════════════════════════════════════════════════════ */\n\nimport type { ComponentType } from 'react';\nimport { createBrowserRouter, Outlet } from 'react-router';\nimport type { RouteObject } from 'react-router';\n\nimport { CaasifyShell } from './CaasifyShell';\nimport type { CaasifyShellProps } from './CaasifyShell';\n\n// Default placeholder pages\nimport {\n  DashboardPage,\n  ServersPage,\n  VpnPage,\n  ApplicationPage,\n  PlatformPage,\n  S3Page,\n  FunctionsPage,\n  DomainPage,\n  DnsServicePage,\n  BillingPage,\n  SupportPage,\n  OpenTicketPage,\n  BecomeResellerPage,\n  OrderServicePage,\n  NotFoundPage,\n} from './pages';\n\n// ─── Route ID constants ──────────────────────────────────────\n\nexport const ROUTE_IDS = {\n  ROOT:             'root',\n  DASHBOARD:        'dashboard',\n  SERVERS:          'cloud-vps',\n  VPN:              'vpn',\n  APPLICATION:      'app',\n  PLATFORM:         'platform',\n  S3:               's3',\n  FUNCTIONS:        'serverless',\n  DOMAIN:           'domain',\n  DNS_SERVICE:      'route53',\n  BILLING:          'billing',\n  SUPPORT:          'support',\n  OPEN_TICKET:      'support-open-ticket',\n  BECOME_RESELLER:  'become-reseller',\n  ORDER_SERVICE:    'order-service',\n  NOT_FOUND:        'not-found',\n} as const;\n\n// ─── Route-to-component default map ──────────────────────────\n\n/** Default page component for each route. Override via `pageOverrides`. */\nexport const defaultPageMap: Record<string, ComponentType> = {\n  [ROUTE_IDS.DASHBOARD]:       DashboardPage,\n  [ROUTE_IDS.SERVERS]:         ServersPage,\n  [ROUTE_IDS.VPN]:             VpnPage,\n  [ROUTE_IDS.APPLICATION]:     ApplicationPage,\n  [ROUTE_IDS.PLATFORM]:        PlatformPage,\n  [ROUTE_IDS.S3]:              S3Page,\n  [ROUTE_IDS.FUNCTIONS]:       FunctionsPage,\n  [ROUTE_IDS.DOMAIN]:          DomainPage,\n  [ROUTE_IDS.DNS_SERVICE]:     DnsServicePage,\n  [ROUTE_IDS.BILLING]:         BillingPage,\n  [ROUTE_IDS.SUPPORT]:         SupportPage,\n  [ROUTE_IDS.OPEN_TICKET]:     OpenTicketPage,\n  [ROUTE_IDS.BECOME_RESELLER]: BecomeResellerPage,\n  [ROUTE_IDS.ORDER_SERVICE]:   OrderServicePage,\n  [ROUTE_IDS.NOT_FOUND]:       NotFoundPage,\n};\n\n// ─── Child route definitions ─────────────────────────────────\n\n/**\n * Canonical child routes for the Caasify shell.\n * Each route uses a default placeholder page that can be overridden.\n */\nexport function buildChildRoutes(\n  pageOverrides: Partial<Record<string, ComponentType>> = {},\n  extraRoutes: RouteObject[] = [],\n): RouteObject[] {\n  const page = (id: string): ComponentType =>\n    pageOverrides[id] ?? defaultPageMap[id] ?? NotFoundPage;\n\n  return [\n    // ── Overview ───────────────────────────────────\n    { id: ROUTE_IDS.DASHBOARD,       index: true,                     Component: page(ROUTE_IDS.DASHBOARD) },\n    { id: ROUTE_IDS.SERVERS,         path: 'cloud-vps',               Component: page(ROUTE_IDS.SERVERS) },\n    { id: ROUTE_IDS.VPN,             path: 'vpn',                     Component: page(ROUTE_IDS.VPN) },\n    { id: ROUTE_IDS.APPLICATION,     path: 'app',                     Component: page(ROUTE_IDS.APPLICATION) },\n    { id: ROUTE_IDS.PLATFORM,        path: 'platform',                Component: page(ROUTE_IDS.PLATFORM) },\n    { id: ROUTE_IDS.S3,              path: 's3',                      Component: page(ROUTE_IDS.S3) },\n    { id: ROUTE_IDS.FUNCTIONS,       path: 'serverless',              Component: page(ROUTE_IDS.FUNCTIONS) },\n    { id: ROUTE_IDS.DOMAIN,          path: 'domain',                  Component: page(ROUTE_IDS.DOMAIN) },\n    { id: ROUTE_IDS.DNS_SERVICE,     path: 'route53',                 Component: page(ROUTE_IDS.DNS_SERVICE) },\n\n    // ── Account ───────────────────────────────────\n    { id: ROUTE_IDS.BILLING,         path: 'billing',                 Component: page(ROUTE_IDS.BILLING) },\n    { id: ROUTE_IDS.SUPPORT,         path: 'support',                 Component: page(ROUTE_IDS.SUPPORT) },\n    { id: ROUTE_IDS.OPEN_TICKET,     path: 'support/open-ticket',     Component: page(ROUTE_IDS.OPEN_TICKET) },\n    { id: ROUTE_IDS.BECOME_RESELLER, path: 'become-reseller',         Component: page(ROUTE_IDS.BECOME_RESELLER) },\n\n    // ── Header CTA ────────────────────────────────\n    { id: ROUTE_IDS.ORDER_SERVICE,   path: 'order-service',           Component: page(ROUTE_IDS.ORDER_SERVICE) },\n\n    // ── Extra routes from consumer ────────────────\n    ...extraRoutes,\n\n    // ── Catch-all 404 ─────────────────────────────\n    { id: ROUTE_IDS.NOT_FOUND, path: '*', Component: page(ROUTE_IDS.NOT_FOUND) },\n  ];\n}\n\n// ─── Root layout wrapper factory ─────────────────────────────\n\nfunction createRootComponent(shellProps: Partial<CaasifyShellProps>) {\n  // `children` is managed internally (Outlet), `isAuthenticated` gets a safe default.\n  // Everything else (navigation, routeMap, contextualNav, wallet*, header slots, etc.)\n  // flows through `...rest` into CaasifyShell unchanged.\n  const { children: _ignored, isAuthenticated, ...rest } = shellProps as CaasifyShellProps;\n\n  return function CaasifyRoot() {\n    return (\n      <CaasifyShell {...rest} isAuthenticated={isAuthenticated ?? false}>\n        <Outlet />\n      </CaasifyShell>\n    );\n  };\n}\n\n// ─── Full route tree ─────────────────────────────────────────\n\nexport interface CaasifyRouterOptions {\n  /** Props forwarded to CaasifyShell (auth, user, wallet, etc.) */\n  shellProps?: Partial<CaasifyShellProps>;\n\n  /** Override specific page components by route ID. */\n  pageOverrides?: Partial<Record<string, ComponentType>>;\n\n  /** Extra child routes appended inside the shell layout. */\n  extraRoutes?: RouteObject[];\n\n  /** Extra top-level routes added OUTSIDE the shell (e.g. /login). */\n  topLevelRoutes?: RouteObject[];\n\n  /** Custom root component. If provided, shellProps is ignored. */\n  RootComponent?: ComponentType;\n}\n\n/**\n * Build the full Caasify route array (not yet a router).\n * Use this if you want to combine with your own `createBrowserRouter` call.\n */\nexport function buildCaasifyRoutes(options: CaasifyRouterOptions = {}): RouteObject[] {\n  const {\n    shellProps = {},\n    pageOverrides = {},\n    extraRoutes = [],\n    topLevelRoutes = [],\n    RootComponent,\n  } = options;\n\n  const Root = RootComponent ?? createRootComponent(shellProps);\n\n  return [\n    {\n      id: ROUTE_IDS.ROOT,\n      path: '/',\n      Component: Root,\n      children: buildChildRoutes(pageOverrides, extraRoutes),\n    },\n    ...topLevelRoutes,\n  ];\n}\n\n/**\n * One-liner: creates a complete `BrowserRouter` with the Caasify shell + all routes.\n *\n * ```tsx\n * import { createCaasifyRouter } from '@sdvf23rvfa43f/sidebar-header/routes';\n * const router = createCaasifyRouter({ shellProps: { isAuthenticated: true } });\n * <RouterProvider router={router} />\n * ```\n */\nexport function createCaasifyRouter(options: CaasifyRouterOptions = {}) {\n  return createBrowserRouter(buildCaasifyRoutes(options));\n}"]}

package/dist/chunk-PZYJ3H4D.js

@@ -0,0 +1,68 @@
+import { ShoppingCart, LayoutDashboard, Server, Shield, AppWindow, Layers, HardDrive, Zap, Globe, Network, Receipt, LifeBuoy, TicketPlus, Users } from 'lucide-react';
+
+// src/navigation.ts
+var caasifyLogo = {
+  src: "https://upload.caasify.com/logo/logo-70x70.png",
+  alt: "Caasify",
+  title: "Caasify"
+};
+var caasifyNavigation = [
+  {
+    category: "Overview",
+    items: [
+      { id: "dashboard", label: "Dashboard", icon: LayoutDashboard },
+      { id: "cloud-vps", label: "Servers", icon: Server },
+      { id: "vpn", label: "VPNs", icon: Shield },
+      { id: "app", label: "Application", icon: AppWindow, badge: "SOON" },
+      { id: "platform", label: "Platform", icon: Layers, badge: "SOON" },
+      { id: "s3", label: "S3", icon: HardDrive, badge: "SOON" },
+      { id: "serverless", label: "Functions", icon: Zap, badge: "BETA" },
+      { id: "domain", label: "Domain", icon: Globe, badge: "BETA" },
+      { id: "route53", label: "DNS Service", icon: Network, badge: "BETA" }
+    ]
+  },
+  {
+    category: "Account",
+    items: [
+      { id: "billing", label: "View Invoices", icon: Receipt },
+      { id: "support", label: "Support", icon: LifeBuoy },
+      { id: "support-open-ticket", label: "Open Ticket", icon: TicketPlus },
+      { id: "become-reseller", label: "Become Reseller", icon: Users }
+    ]
+  }
+];
+var caasifyRouteMap = {
+  "dashboard": "/",
+  "cloud-vps": "/cloud-vps",
+  "vpn": "/vpn",
+  "app": "/app",
+  "platform": "/platform",
+  "s3": "/s3",
+  "serverless": "/serverless",
+  "domain": "/domain",
+  "route53": "/route53",
+  "billing": "/billing",
+  "support": "/support",
+  "support-open-ticket": "/support/open-ticket",
+  "become-reseller": "/become-reseller",
+  "order-service": "/order-service"
+};
+var caasifyPathToId = Object.fromEntries(
+  Object.entries(caasifyRouteMap).map(([id, path]) => [path, id])
+);
+var caasifyHeaderCTA = {
+  label: "Create Order",
+  icon: ShoppingCart,
+  route: "/order-service"
+};
+var CAASIFY_WALLET_CURRENCY = "\u20AC";
+function resolveCurrentId(pathname) {
+  if (caasifyPathToId[pathname]) return caasifyPathToId[pathname];
+  const match = Object.entries(caasifyRouteMap).filter(([, path]) => path !== "/" && pathname.startsWith(path)).sort((a, b) => b[1].length - a[1].length)[0];
+  return match?.[0] ?? "dashboard";
+}
+var CAASIFY_NAV_IDS = Object.keys(caasifyRouteMap);
+
+export { CAASIFY_NAV_IDS, CAASIFY_WALLET_CURRENCY, caasifyHeaderCTA, caasifyLogo, caasifyNavigation, caasifyPathToId, caasifyRouteMap, resolveCurrentId };
+//# sourceMappingURL=chunk-PZYJ3H4D.js.map
+//# sourceMappingURL=chunk-PZYJ3H4D.js.map

package/dist/chunk-PZYJ3H4D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navigation.ts"],"names":[],"mappings":"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","file":"chunk-PZYJ3H4D.js","sourcesContent":["/* ═══════════════════════════════════════════════════════════════\n   @sdvf23rvfa43f/sidebar-header — Navigation Configuration\n   ═══════════════════════════════════════════════════════════════\n   Pure data module — no React dependency.\n   Import standalone: import { ... } from '@sdvf23rvfa43f/sidebar-header/navigation'\n   ═══════════════════════════════════════════════════════════════ */\n\nimport {\n  LayoutDashboard, Server, Shield, Zap, Globe, Network,\n  AppWindow, Layers, HardDrive,\n  Receipt, LifeBuoy, TicketPlus, Users, ShoppingCart,\n} from 'lucide-react';\nimport type { SidebarNavSection, SidebarCTAButton, SidebarLogo, SidebarWallet } from '@sdvf23rvfa43f/stealth-glass';\n\n// ─── Contextual Navigation ──────────────────────────────────\n\n/**\n * Returned by a `contextualNav` resolver to inject a dynamic sidebar section.\n * The section is spliced between Overview and Account when the user drills\n * into a specific service (e.g. individual server list under Servers).\n */\nexport interface ContextualNav {\n  /** Navigation section to inject (rendered between Overview and Account) */\n  section: SidebarNavSection;\n  /** Route map entries for contextual items (merged with canonical map) */\n  routeMap: Record<string, string>;\n}\n\n// ─── Logo ────────────────────────────────────────────────────\n\nexport const caasifyLogo: SidebarLogo = {\n  src: 'https://upload.caasify.com/logo/logo-70x70.png',\n  alt: 'Caasify',\n  title: 'Caasify',\n};\n\n// ─── Sidebar Navigation Sections ─────────────────────────────\n\nexport const caasifyNavigation: SidebarNavSection[] = [\n  {\n    category: 'Overview',\n    items: [\n      { id: 'dashboard',  label: 'Dashboard',        icon: LayoutDashboard },\n      { id: 'cloud-vps',  label: 'Servers',           icon: Server },\n      { id: 'vpn',        label: 'VPNs',              icon: Shield },\n      { id: 'app',        label: 'Application',       icon: AppWindow,  badge: 'SOON' },\n      { id: 'platform',   label: 'Platform',          icon: Layers,     badge: 'SOON' },\n      { id: 's3',         label: 'S3',                icon: HardDrive,  badge: 'SOON' },\n      { id: 'serverless', label: 'Functions',          icon: Zap,        badge: 'BETA' },\n      { id: 'domain',     label: 'Domain',             icon: Globe,      badge: 'BETA' },\n      { id: 'route53',    label: 'DNS Service',        icon: Network,    badge: 'BETA' },\n    ],\n  },\n  {\n    category: 'Account',\n    items: [\n      { id: 'billing',             label: 'View Invoices',   icon: Receipt },\n      { id: 'support',             label: 'Support',         icon: LifeBuoy },\n      { id: 'support-open-ticket', label: 'Open Ticket',     icon: TicketPlus },\n      { id: 'become-reseller',     label: 'Become Reseller', icon: Users },\n    ],\n  },\n];\n\n// ─── Route Map ───────────────────────────────────────────────\n\n/** Maps each nav item `id` to its URL path. */\nexport const caasifyRouteMap: Record<string, string> = {\n  'dashboard':           '/',\n  'cloud-vps':           '/cloud-vps',\n  'vpn':                 '/vpn',\n  'app':                 '/app',\n  'platform':            '/platform',\n  's3':                  '/s3',\n  'serverless':          '/serverless',\n  'domain':              '/domain',\n  'route53':             '/route53',\n  'billing':             '/billing',\n  'support':             '/support',\n  'support-open-ticket': '/support/open-ticket',\n  'become-reseller':     '/become-reseller',\n  'order-service':       '/order-service',\n};\n\n/** Reverse lookup: URL path -> nav item `id`. */\nexport const caasifyPathToId: Record<string, string> = Object.fromEntries(\n  Object.entries(caasifyRouteMap).map(([id, path]) => [path, id]),\n);\n\n// ─── Header CTA ──────────────────────────────────────────────\n\n/** Create Order button configuration for the sidebar. */\nexport const caasifyHeaderCTA = {\n  label: 'Create Order',\n  icon: ShoppingCart,\n  route: '/order-service',\n} as const;\n\n// ─── Wallet defaults ─────────────────────────────────────────\n\n/** Default wallet currency symbol. */\nexport const CAASIFY_WALLET_CURRENCY = '€';\n\n// ─── Helper: resolve currentId from pathname ─────────────────\n\n/**\n * Resolves the active sidebar nav `id` from a URL pathname.\n * Uses exact match first, then longest-prefix match, fallback to 'dashboard'.\n */\nexport function resolveCurrentId(pathname: string): string {\n  // Exact match\n  if (caasifyPathToId[pathname]) return caasifyPathToId[pathname];\n\n  // Longest prefix match (skip '/' to avoid false positives)\n  const match = Object.entries(caasifyRouteMap)\n    .filter(([, path]) => path !== '/' && pathname.startsWith(path))\n    .sort((a, b) => b[1].length - a[1].length)[0];\n\n  return match?.[0] ?? 'dashboard';\n}\n\n// ─── All nav item IDs (useful for type narrowing) ────────────\n\nexport const CAASIFY_NAV_IDS = Object.keys(caasifyRouteMap) as ReadonlyArray<string>;"]}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { C as CaasifyRouterOptions, a as CaasifyShell, b as CaasifyShellProps, R as ROUTE_IDS, c as buildCaasifyRoutes, d as buildChildRoutes, e as createCaasifyRouter, f as defaultPageMap } from './routes-D0GrmQ4o.js';
+export { CAASIFY_NAV_IDS, CAASIFY_WALLET_CURRENCY, ContextualNav, caasifyHeaderCTA, caasifyLogo, caasifyNavigation, caasifyPathToId, caasifyRouteMap, resolveCurrentId } from './navigation.js';
+export { P as PlaceholderPage, a as PlaceholderPageProps } from './PlaceholderPage-ftRS9Unp.js';
+import 'react-router';
+import 'react';
+import 'react/jsx-runtime';
+import '@sdvf23rvfa43f/stealth-glass';
+import 'lucide-react';

package/dist/index.js

@@ -0,0 +1,5 @@
+export { CaasifyShell, ROUTE_IDS, buildCaasifyRoutes, buildChildRoutes, createCaasifyRouter, defaultPageMap } from './chunk-PJ3VQ2RZ.js';
+export { CAASIFY_NAV_IDS, CAASIFY_WALLET_CURRENCY, caasifyHeaderCTA, caasifyLogo, caasifyNavigation, caasifyPathToId, caasifyRouteMap, resolveCurrentId } from './chunk-PZYJ3H4D.js';
+export { PlaceholderPage } from './chunk-JNP6BURZ.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/navigation.d.ts

@@ -0,0 +1,37 @@
+import * as react from 'react';
+import * as lucide_react from 'lucide-react';
+import { SidebarNavSection, SidebarLogo } from '@sdvf23rvfa43f/stealth-glass';
+
+/**
+ * Returned by a `contextualNav` resolver to inject a dynamic sidebar section.
+ * The section is spliced between Overview and Account when the user drills
+ * into a specific service (e.g. individual server list under Servers).
+ */
+interface ContextualNav {
+    /** Navigation section to inject (rendered between Overview and Account) */
+    section: SidebarNavSection;
+    /** Route map entries for contextual items (merged with canonical map) */
+    routeMap: Record<string, string>;
+}
+declare const caasifyLogo: SidebarLogo;
+declare const caasifyNavigation: SidebarNavSection[];
+/** Maps each nav item `id` to its URL path. */
+declare const caasifyRouteMap: Record<string, string>;
+/** Reverse lookup: URL path -> nav item `id`. */
+declare const caasifyPathToId: Record<string, string>;
+/** Create Order button configuration for the sidebar. */
+declare const caasifyHeaderCTA: {
+    readonly label: "Create Order";
+    readonly icon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+    readonly route: "/order-service";
+};
+/** Default wallet currency symbol. */
+declare const CAASIFY_WALLET_CURRENCY = "\u20AC";
+/**
+ * Resolves the active sidebar nav `id` from a URL pathname.
+ * Uses exact match first, then longest-prefix match, fallback to 'dashboard'.
+ */
+declare function resolveCurrentId(pathname: string): string;
+declare const CAASIFY_NAV_IDS: ReadonlyArray<string>;
+
+export { CAASIFY_NAV_IDS, CAASIFY_WALLET_CURRENCY, type ContextualNav, caasifyHeaderCTA, caasifyLogo, caasifyNavigation, caasifyPathToId, caasifyRouteMap, resolveCurrentId };

package/dist/navigation.js

@@ -0,0 +1,3 @@
+export { CAASIFY_NAV_IDS, CAASIFY_WALLET_CURRENCY, caasifyHeaderCTA, caasifyLogo, caasifyNavigation, caasifyPathToId, caasifyRouteMap, resolveCurrentId } from './chunk-PZYJ3H4D.js';
+//# sourceMappingURL=navigation.js.map
+//# sourceMappingURL=navigation.js.map

package/dist/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"navigation.js"}

package/dist/pages/index.d.ts

@@ -0,0 +1,35 @@
+export { P as PlaceholderPage, a as PlaceholderPageProps } from '../PlaceholderPage-ftRS9Unp.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'react';
+
+declare function DashboardPage(): react_jsx_runtime.JSX.Element;
+
+declare function ServersPage(): react_jsx_runtime.JSX.Element;
+
+declare function VpnPage(): react_jsx_runtime.JSX.Element;
+
+declare function ApplicationPage(): react_jsx_runtime.JSX.Element;
+
+declare function PlatformPage(): react_jsx_runtime.JSX.Element;
+
+declare function S3Page(): react_jsx_runtime.JSX.Element;
+
+declare function FunctionsPage(): react_jsx_runtime.JSX.Element;
+
+declare function DomainPage(): react_jsx_runtime.JSX.Element;
+
+declare function DnsServicePage(): react_jsx_runtime.JSX.Element;
+
+declare function BillingPage(): react_jsx_runtime.JSX.Element;
+
+declare function SupportPage(): react_jsx_runtime.JSX.Element;
+
+declare function OpenTicketPage(): react_jsx_runtime.JSX.Element;
+
+declare function BecomeResellerPage(): react_jsx_runtime.JSX.Element;
+
+declare function OrderServicePage(): react_jsx_runtime.JSX.Element;
+
+declare function NotFoundPage(): react_jsx_runtime.JSX.Element;
+
+export { ApplicationPage, BecomeResellerPage, BillingPage, DashboardPage, DnsServicePage, DomainPage, FunctionsPage, NotFoundPage, OpenTicketPage, OrderServicePage, PlatformPage, S3Page, ServersPage, SupportPage, VpnPage };

package/dist/pages/index.js

@@ -0,0 +1,3 @@
+export { ApplicationPage, BecomeResellerPage, BillingPage, DashboardPage, DnsServicePage, DomainPage, FunctionsPage, NotFoundPage, OpenTicketPage, OrderServicePage, PlaceholderPage, PlatformPage, S3Page, ServersPage, SupportPage, VpnPage } from '../chunk-JNP6BURZ.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/routes-D0GrmQ4o.d.ts

@@ -0,0 +1,96 @@
+import * as react_router from 'react-router';
+import { RouteObject } from 'react-router';
+import { ReactNode, ComponentType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SidebarUser, AppShellProps } from '@sdvf23rvfa43f/stealth-glass';
+import { ContextualNav } from './navigation.js';
+
+interface CaasifyShellProps {
+    children: ReactNode;
+    /** Auth state */
+    isAuthenticated: boolean;
+    user?: SidebarUser;
+    onSignOut?: () => void;
+    /** Wallet balance (shown in sidebar). Omit to hide wallet widget. */
+    walletBalance?: number;
+    /** Wallet currency symbol. Default: '€' */
+    walletCurrency?: string;
+    /** Callback when "Add Funds" is clicked. Defaults to navigate('/billing'). */
+    onAddFunds?: () => void;
+    /** Override navigation sections (advanced). Default: Caasify canonical nav. */
+    navigation?: AppShellProps['navigation'];
+    /** Override route map (advanced). Default: caasifyRouteMap. */
+    routeMap?: Record<string, string>;
+    /** Extra AppShell props forwarded directly (headerLeftSlot, ambientColors, etc.) */
+    headerLeftSlot?: AppShellProps['headerLeftSlot'];
+    headerRightSlot?: AppShellProps['headerRightSlot'];
+    ambientColors?: AppShellProps['ambientColors'];
+    contentMaxWidth?: AppShellProps['contentMaxWidth'];
+    isLoading?: AppShellProps['isLoading'];
+    footerSlot?: AppShellProps['footerSlot'];
+    /**
+     * Contextual sidebar section resolver (Option B).
+     * Called with the resolved canonical `currentId` on every render.
+     * Return a `ContextualNav` to inject a dynamic section between Overview and Account,
+     * or `null` to show the default 2-section layout.
+     *
+     * The resolver should be pure and cheap. Memoize with `useCallback` if needed.
+     */
+    contextualNav?: (currentId: string) => ContextualNav | null;
+}
+declare function CaasifyShell({ children, isAuthenticated, user, onSignOut, walletBalance, walletCurrency, onAddFunds, navigation, routeMap, headerLeftSlot, headerRightSlot, ambientColors, contentMaxWidth, isLoading, footerSlot, contextualNav, }: CaasifyShellProps): react_jsx_runtime.JSX.Element;
+
+declare const ROUTE_IDS: {
+    readonly ROOT: "root";
+    readonly DASHBOARD: "dashboard";
+    readonly SERVERS: "cloud-vps";
+    readonly VPN: "vpn";
+    readonly APPLICATION: "app";
+    readonly PLATFORM: "platform";
+    readonly S3: "s3";
+    readonly FUNCTIONS: "serverless";
+    readonly DOMAIN: "domain";
+    readonly DNS_SERVICE: "route53";
+    readonly BILLING: "billing";
+    readonly SUPPORT: "support";
+    readonly OPEN_TICKET: "support-open-ticket";
+    readonly BECOME_RESELLER: "become-reseller";
+    readonly ORDER_SERVICE: "order-service";
+    readonly NOT_FOUND: "not-found";
+};
+/** Default page component for each route. Override via `pageOverrides`. */
+declare const defaultPageMap: Record<string, ComponentType>;
+/**
+ * Canonical child routes for the Caasify shell.
+ * Each route uses a default placeholder page that can be overridden.
+ */
+declare function buildChildRoutes(pageOverrides?: Partial<Record<string, ComponentType>>, extraRoutes?: RouteObject[]): RouteObject[];
+interface CaasifyRouterOptions {
+    /** Props forwarded to CaasifyShell (auth, user, wallet, etc.) */
+    shellProps?: Partial<CaasifyShellProps>;
+    /** Override specific page components by route ID. */
+    pageOverrides?: Partial<Record<string, ComponentType>>;
+    /** Extra child routes appended inside the shell layout. */
+    extraRoutes?: RouteObject[];
+    /** Extra top-level routes added OUTSIDE the shell (e.g. /login). */
+    topLevelRoutes?: RouteObject[];
+    /** Custom root component. If provided, shellProps is ignored. */
+    RootComponent?: ComponentType;
+}
+/**
+ * Build the full Caasify route array (not yet a router).
+ * Use this if you want to combine with your own `createBrowserRouter` call.
+ */
+declare function buildCaasifyRoutes(options?: CaasifyRouterOptions): RouteObject[];
+/**
+ * One-liner: creates a complete `BrowserRouter` with the Caasify shell + all routes.
+ *
+ * ```tsx
+ * import { createCaasifyRouter } from '@sdvf23rvfa43f/sidebar-header/routes';
+ * const router = createCaasifyRouter({ shellProps: { isAuthenticated: true } });
+ * <RouterProvider router={router} />
+ * ```
+ */
+declare function createCaasifyRouter(options?: CaasifyRouterOptions): react_router.DataRouter;
+
+export { type CaasifyRouterOptions as C, ROUTE_IDS as R, CaasifyShell as a, type CaasifyShellProps as b, buildCaasifyRoutes as c, buildChildRoutes as d, createCaasifyRouter as e, defaultPageMap as f };

package/dist/routes.d.ts

@@ -0,0 +1,7 @@
+import 'react-router';
+import 'react';
+export { C as CaasifyRouterOptions, R as ROUTE_IDS, c as buildCaasifyRoutes, d as buildChildRoutes, e as createCaasifyRouter, f as defaultPageMap } from './routes-D0GrmQ4o.js';
+import 'react/jsx-runtime';
+import '@sdvf23rvfa43f/stealth-glass';
+import './navigation.js';
+import 'lucide-react';

package/dist/routes.js

@@ -0,0 +1,5 @@
+export { ROUTE_IDS, buildCaasifyRoutes, buildChildRoutes, createCaasifyRouter, defaultPageMap } from './chunk-PJ3VQ2RZ.js';
+import './chunk-PZYJ3H4D.js';
+import './chunk-JNP6BURZ.js';
+//# sourceMappingURL=routes.js.map
+//# sourceMappingURL=routes.js.map

package/dist/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"routes.js"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@sdvf23rvfa43f/sidebar-header",
+  "version": "1.2.0",
+  "description": "Caasify shared sidebar + header navigation shell — pre-wired AppShell with canonical nav structure",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./navigation": {
+      "import": "./dist/navigation.js",
+      "types": "./dist/navigation.d.ts"
+    },
+    "./routes": {
+      "import": "./dist/routes.js",
+      "types": "./dist/routes.d.ts"
+    },
+    "./pages": {
+      "import": "./dist/pages/index.js",
+      "types": "./dist/pages/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/**/*"
+  ],
+  "scripts": {
+    "build": "npx tsup",
+    "dev": "npx tsup --watch",
+    "clean": "rm -rf dist",
+    "typecheck": "npx tsc --noEmit",
+    "verify": "node -e \"const p=require('./package.json'); if(p.name!=='@sdvf23rvfa43f/sidebar-header'){console.error('WRONG PACKAGE: '+p.name);process.exit(1)} console.log('OK: '+p.name+'@'+p.version)\"",
+    "prepublishOnly": "npm run verify && npm run clean && npm run build"
+  },
+  "keywords": [
+    "caasify",
+    "sidebar",
+    "header",
+    "navigation",
+    "appshell",
+    "stealth-glass",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/caasify/stealth-glass-theme.git",
+    "directory": "sidebar-header"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-router": ">=7.0.0",
+    "lucide-react": ">=0.300.0",
+    "@sdvf23rvfa43f/stealth-glass": ">=1.3.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react-router": "^7.0.0",
+    "lucide-react": ">=0.300.0"
+  }
+}