@nextsparkjs/core 0.1.0-beta.68 → 0.1.0-beta.69

package/dist/components/settings/layouts/SettingsSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/layouts/SettingsSidebar.tsx"],"names":[],"mappings":"AAmCA,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAmJlE"}
+{"version":3,"file":"SettingsSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/layouts/SettingsSidebar.tsx"],"names":[],"mappings":"AAoCA,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAkKlE"}

package/dist/components/settings/layouts/SettingsSidebar.js

@@ -5,6 +5,7 @@ import { usePathname } from "next/navigation";
 import { useState, useCallback, useMemo } from "react";
 import { cn } from "../../../lib/utils.js";
 import { useUserProfile } from "../../../hooks/useUserProfile.js";
+import { usePrefetchSettings } from "../../../hooks/usePrefetch.js";
 import {
   User,
   Users,
@@ -34,8 +35,19 @@ function SettingsSidebar({ className }) {
   const pathname = usePathname();
   const [statusMessage, setStatusMessage] = useState("");
   const { hasPassword } = useUserProfile();
+  const { prefetchProfile, prefetchTeams } = usePrefetchSettings();
   const t = useTranslations("common");
   const tSettings = useTranslations("settings");
+  const getPrefetchHandler = useCallback((pageName) => {
+    switch (pageName) {
+      case "profile":
+        return prefetchProfile;
+      case "teams":
+        return prefetchTeams;
+      default:
+        return void 0;
+    }
+  }, [prefetchProfile, prefetchTeams]);
   const filteredNavigation = useMemo(() => {
     const enabledPages = getEnabledSettingsPages();
     console.log("[SettingsSidebar] enabledPages:", enabledPages);
@@ -117,6 +129,7 @@ function SettingsSidebar({ className }) {
                   children: filteredNavigation.map((item) => {
                     const isActive = pathname === item.href;
                     const Icon = item.icon;
+                    const prefetchHandler = getPrefetchHandler(item.name);
                     return /* @__PURE__ */ jsxs(
                       Link,
                       {
@@ -124,6 +137,7 @@ function SettingsSidebar({ className }) {
                         role: "listitem",
                         onClick: () => handleNavigation(tSettings(`navigation.${item.name}`), tSettings(`overview.${item.name}Description`)),
                         onKeyDown: (e) => handleKeyDown(e, item.href, tSettings(`navigation.${item.name}`), tSettings(`overview.${item.name}Description`)),
+                        onMouseEnter: prefetchHandler,
                         "aria-current": isActive ? "page" : void 0,
                         "aria-label": createAriaLabel(
                           "{name} - {description}{current}",

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

@@ -27,6 +27,13 @@ export * from './select';
 export * from './separator';
 export * from './sheet';
 export * from './skeleton';
+export * from './skeleton-dashboard';
+export * from './skeleton-detail';
+export * from './skeleton-features';
+export * from './skeleton-form';
+export * from './skeleton-list';
+export * from './skeleton-settings';
+export * from './skeleton-public';
 export * from './slider';
 export * from './switch';
 export * from './table';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAGA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AAGzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAGA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AAGzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA"}

package/dist/components/ui/index.js

@@ -27,6 +27,13 @@ export * from "./select.js";
 export * from "./separator.js";
 export * from "./sheet.js";
 export * from "./skeleton.js";
+export * from "./skeleton-dashboard.js";
+export * from "./skeleton-detail.js";
+export * from "./skeleton-features.js";
+export * from "./skeleton-form.js";
+export * from "./skeleton-list.js";
+export * from "./skeleton-settings.js";
+export * from "./skeleton-public.js";
 export * from "./slider.js";
 export * from "./switch.js";
 export * from "./table.js";

package/dist/components/ui/skeleton-dashboard.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Skeleton components specifically for dashboard pages
+ * Provides realistic loading states that match the actual dashboard structure
+ *
+ * Performance optimizations:
+ * - Uses SkeletonContainer for content-visibility optimization
+ * - CSS containment isolates layout calculations
+ * - Supports prefers-reduced-motion
+ */
+/**
+ * Skeleton for a single stat card
+ */
+export declare function SkeletonStatCard(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for stats grid (4 cards)
+ * Uses SkeletonContainer for content-visibility optimization
+ */
+export declare function SkeletonStatsGrid(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for quick actions section
+ */
+export declare function SkeletonQuickActions(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for activity section
+ */
+export declare function SkeletonActivity(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Complete skeleton for dashboard home page
+ * Matches the layout of the actual dashboard home
+ */
+export declare function SkeletonDashboardHome(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton-dashboard.d.ts.map

package/dist/components/ui/skeleton-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-dashboard.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-dashboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH;;GAEG;AACH,wBAAgB,gBAAgB,4CAa/B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,4CAShC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,4CAoBnC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,4CAsB/B;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,4CAqBpC"}

package/dist/components/ui/skeleton-dashboard.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader } from "./card.js";
+import { Skeleton, SkeletonContainer } from "./skeleton.js";
+function SkeletonStatCard() {
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-16 mb-2" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
+    ] })
+  ] });
+}
+function SkeletonStatsGrid() {
+  return /* @__PURE__ */ jsxs(SkeletonContainer, { "data-cy": "skeleton-stats-grid", className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [
+    /* @__PURE__ */ jsx(SkeletonStatCard, {}),
+    /* @__PURE__ */ jsx(SkeletonStatCard, {}),
+    /* @__PURE__ */ jsx(SkeletonStatCard, {}),
+    /* @__PURE__ */ jsx(SkeletonStatCard, {})
+  ] });
+}
+function SkeletonQuickActions() {
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(SkeletonContainer, { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "p-4 border rounded-lg space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" })
+    ] }, i)) }) })
+  ] });
+}
+function SkeletonActivity() {
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-2 rounded-full" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
+      ] })
+    ] }, i)) }) })
+  ] });
+}
+function SkeletonDashboardHome() {
+  return /* @__PURE__ */ jsx("div", { "data-cy": "skeleton-dashboard-home", className: "min-h-screen bg-gradient-to-b from-background to-muted/20 py-12 px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto space-y-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-64 mb-2" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-80" })
+    ] }),
+    /* @__PURE__ */ jsx(SkeletonStatsGrid, {}),
+    /* @__PURE__ */ jsx(SkeletonQuickActions, {}),
+    /* @__PURE__ */ jsx(SkeletonActivity, {})
+  ] }) });
+}
+export {
+  SkeletonActivity,
+  SkeletonDashboardHome,
+  SkeletonQuickActions,
+  SkeletonStatCard,
+  SkeletonStatsGrid
+};

package/dist/components/ui/skeleton-detail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-detail.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-detail.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH;;GAEG;AACH,wBAAgB,oBAAoB,4CAqBnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAe,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAO7E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAc,EACf,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,2CAkBA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,4CAqC/B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,4CAYnC"}
+{"version":3,"file":"skeleton-detail.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-detail.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH;;GAEG;AACH,wBAAgB,oBAAoB,4CAqBnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAe,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAO7E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAc,EACf,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,2CAkBA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,4CAqC/B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,4CAYnC"}

package/dist/components/ui/skeleton-detail.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Card, CardContent, CardHeader } from "./card.js";
 import { Skeleton } from "./skeleton.js";

package/dist/components/ui/skeleton-features.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Skeleton components specifically for feature pages
+ * Provides realistic loading states that match the feature gate/placeholder structure
+ *
+ * Performance optimizations:
+ * - Uses SkeletonContainer for content-visibility optimization
+ * - CSS containment isolates layout calculations
+ * - Supports prefers-reduced-motion
+ */
+/**
+ * Skeleton for feature placeholder page
+ * Matches the FeaturePlaceholder component layout
+ */
+export declare function SkeletonFeaturePlaceholder(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for analytics dashboard page
+ */
+export declare function SkeletonAnalyticsPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for webhooks configuration page
+ */
+export declare function SkeletonWebhooksPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for automation page
+ */
+export declare function SkeletonAutomationPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton-features.d.ts.map

package/dist/components/ui/skeleton-features.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-features.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-features.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH;;;GAGG;AACH,wBAAgB,0BAA0B,4CA8BzC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,4CAkCpC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,4CAoCnC;AAED;;GAEG;AACH,wBAAgB,sBAAsB,4CAiCrC"}

package/dist/components/ui/skeleton-features.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader } from "./card.js";
+import { Skeleton } from "./skeleton.js";
+function SkeletonFeaturePlaceholder() {
+  return /* @__PURE__ */ jsx("div", { "data-cy": "skeleton-feature-placeholder", className: "flex flex-col items-center justify-center min-h-[400px] p-8", children: /* @__PURE__ */ jsxs(Card, { className: "max-w-md w-full text-center", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "pb-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-16 rounded-full" }) }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-48 mx-auto mb-2" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64 mx-auto" })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 flex-shrink-0" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full mt-6" })
+    ] })
+  ] }) });
+}
+function SkeletonAnalyticsPage() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48 mb-2" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-72" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mb-2" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-16 mb-1" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" })
+    ] }) }, i)) }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-64 w-full" }) })
+    ] })
+  ] });
+}
+function SkeletonWebhooksPage() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32 mb-2" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-64" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-36" })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "divide-y", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8" })
+      ] })
+    ] }, i)) }) }) })
+  ] });
+}
+function SkeletonAutomationPage() {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-36 mb-2" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-72" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-40" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-lg" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-12 rounded-full" })
+    ] }) }) }, i)) })
+  ] });
+}
+export {
+  SkeletonAnalyticsPage,
+  SkeletonAutomationPage,
+  SkeletonFeaturePlaceholder,
+  SkeletonWebhooksPage
+};

package/dist/components/ui/skeleton-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-form.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH;;GAEG;AACH,wBAAgB,kBAAkB,4CAgBjC;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,UAAc,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,2CAWjF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,UAAkB,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,2CAOjF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,4CAYpC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAc,EACd,YAAmB,EACnB,aAAoB,EACrB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,2CAuCA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CAUlC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAc,EACd,YAAmB,EACnB,aAAoB,EACrB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,2CAqBA"}
+{"version":3,"file":"skeleton-form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-form.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH;;GAEG;AACH,wBAAgB,kBAAkB,4CAgBjC;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,UAAc,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,2CAWjF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,UAAkB,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,2CAOjF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,4CAYpC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAc,EACd,YAAmB,EACnB,aAAoB,EACrB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,2CAuCA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CAUlC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAc,EACd,YAAmB,EACnB,aAAoB,EACrB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,2CAqBA"}

package/dist/components/ui/skeleton-form.js

@@ -1,4 +1,3 @@
-"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Card, CardContent, CardHeader } from "./card.js";
 import { Skeleton } from "./skeleton.js";

package/dist/components/ui/skeleton-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-list.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH;;GAEG;AACH,wBAAgB,kBAAkB,4CAgBjC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,WAAe,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CAqBhF;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,WAAe,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CA0B7E;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAY,EACZ,WAAe,EAChB,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,2CAeA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,4CAmBjC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CAiBlC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAY,EACZ,WAAe,EACf,eAAuB,EACxB,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAgBA"}
+{"version":3,"file":"skeleton-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-list.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH;;GAEG;AACH,wBAAgB,kBAAkB,4CAgBjC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,WAAe,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CAqBhF;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,WAAe,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CA0B7E;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAY,EACZ,WAAe,EAChB,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,2CAeA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,4CAmBjC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CAiBlC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAY,EACZ,WAAe,EACf,eAAuB,EACxB,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAgBA"}

package/dist/components/ui/skeleton-list.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Card, CardContent } from "./card.js";
 import { Skeleton } from "./skeleton.js";

package/dist/components/ui/skeleton-public.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Skeleton components specifically for public pages
+ * Provides realistic loading states that match the public page structure
+ *
+ * Performance optimizations:
+ * - Uses SkeletonContainer for content-visibility optimization
+ * - CSS containment isolates layout calculations
+ * - Supports prefers-reduced-motion
+ */
+/**
+ * Skeleton for hero section
+ */
+export declare function SkeletonHeroSection(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for features section
+ */
+export declare function SkeletonFeaturesSection(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Complete skeleton for landing/home page
+ */
+export declare function SkeletonLandingPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for support/contact page
+ */
+export declare function SkeletonSupportPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton-public.d.ts.map

package/dist/components/ui/skeleton-public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-public.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-public.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH;;GAEG;AACH,wBAAgB,mBAAmB,4CAYlC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,4CAsBtC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CAOlC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CA+BlC"}

package/dist/components/ui/skeleton-public.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "./skeleton.js";
+function SkeletonHeroSection() {
+  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col items-center justify-center px-4 py-24 text-center", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-96 max-w-full sm:h-16" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mt-6 h-6 w-[32rem] max-w-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-6 w-96 max-w-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mt-10 h-12 w-40" })
+  ] });
+}
+function SkeletonFeaturesSection() {
+  return /* @__PURE__ */ jsx("section", { className: "px-4 py-24 bg-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-64 mx-auto" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-5 w-96 mx-auto" }),
+    /* @__PURE__ */ jsx("div", { className: "mt-12 grid gap-8 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "p-6 rounded-lg border bg-card", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-lg" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-6 w-32" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-4 w-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-4 w-3/4" })
+    ] }, i)) })
+  ] }) });
+}
+function SkeletonLandingPage() {
+  return /* @__PURE__ */ jsxs("main", { className: "flex min-h-screen flex-col", children: [
+    /* @__PURE__ */ jsx(SkeletonHeroSection, {}),
+    /* @__PURE__ */ jsx(SkeletonFeaturesSection, {})
+  ] });
+}
+function SkeletonSupportPage() {
+  return /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto px-4 py-12", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-48" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mt-2 h-5 w-80" }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-8 space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32" })
+    ] })
+  ] });
+}
+export {
+  SkeletonFeaturesSection,
+  SkeletonHeroSection,
+  SkeletonLandingPage,
+  SkeletonSupportPage
+};

package/dist/components/ui/skeleton-settings.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Skeleton components specifically for settings pages
+ * Provides realistic loading states that match the settings page structure
+ *
+ * Performance optimizations:
+ * - Uses SkeletonContainer for content-visibility optimization
+ * - CSS containment isolates layout calculations
+ * - Supports prefers-reduced-motion
+ */
+/**
+ * Skeleton for settings navigation card
+ */
+export declare function SkeletonSettingsNavCard(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for settings overview page (navigation cards)
+ */
+export declare function SkeletonSettingsOverview(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for profile form page
+ */
+export declare function SkeletonProfileForm(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for billing/plans page
+ */
+export declare function SkeletonBillingPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for password change page
+ */
+export declare function SkeletonPasswordPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for security page (sessions list)
+ */
+export declare function SkeletonSecurityPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for API keys page
+ */
+export declare function SkeletonApiKeysPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for notifications page
+ */
+export declare function SkeletonNotificationsPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for teams page
+ */
+export declare function SkeletonTeamsPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for invoices page
+ */
+export declare function SkeletonInvoicesPage(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton for plans page
+ */
+export declare function SkeletonPlansPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton-settings.d.ts.map

package/dist/components/ui/skeleton-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-settings.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton-settings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH;;GAEG;AACH,wBAAgB,uBAAuB,4CAYtC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,4CAsBvC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CAkFlC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CAqDlC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,4CAmCnC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,4CAkCnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,4CAoClC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,4CA2BxC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,4CA2ChC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,4CA2CnC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,4CAqChC"}