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

package/dist/components/dashboard/block-editor/tree-view.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useEffect } from "react";
+import {
+  DndContext,
+  closestCenter,
+  KeyboardSensor,
+  PointerSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  arrayMove,
+  SortableContext,
+  sortableKeyboardCoordinates,
+  verticalListSortingStrategy
+} from "@dnd-kit/sortable";
+import { useTranslations } from "next-intl";
+import { LayoutList } from "lucide-react";
+import { ScrollArea } from "../../ui/scroll-area.js";
+import { sel } from "../../../lib/test/index.js";
+import { TreeViewNode } from "./tree-view-node.js";
+import { isPatternReference } from "../../../types/pattern-reference.js";
+function TreeView({
+  blocks,
+  selectedBlockId,
+  onSelectBlock,
+  onReorder,
+  emptyMessage
+}) {
+  const t = useTranslations("admin.builder");
+  const sensors = useSensors(
+    useSensor(PointerSensor, {
+      activationConstraint: {
+        distance: 8
+      }
+    }),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const groupedItems = useMemo(() => {
+    const items = [];
+    blocks.forEach((block) => {
+      if (isPatternReference(block)) {
+        items.push({ id: block.id, block, patternRef: block.ref });
+      } else {
+        items.push({ id: block.id, block });
+      }
+    });
+    return items;
+  }, [blocks]);
+  const handleDragEnd = useCallback((event) => {
+    const { active, over } = event;
+    if (over && active.id !== over.id) {
+      const oldIndex = blocks.findIndex((b) => b.id === active.id);
+      const newIndex = blocks.findIndex((b) => b.id === over.id);
+      if (oldIndex !== -1 && newIndex !== -1) {
+        const newBlocks = arrayMove(blocks, oldIndex, newIndex);
+        onReorder(newBlocks);
+      }
+    }
+  }, [blocks, onReorder]);
+  useEffect(() => {
+    if (selectedBlockId) {
+      const previewBlock = document.querySelector(
+        `[data-cy="${sel("blockEditor.previewCanvas.block", { id: selectedBlockId })}"]`
+      );
+      if (previewBlock) {
+        previewBlock.scrollIntoView({ behavior: "smooth", block: "center" });
+      }
+    }
+  }, [selectedBlockId]);
+  const handleSelectBlock = useCallback((blockId) => {
+    onSelectBlock(blockId);
+  }, [onSelectBlock]);
+  if (blocks.length === 0) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-cy": sel("blockEditor.treeView.empty"),
+        className: "flex flex-col items-center justify-center h-full p-6 text-center",
+        children: [
+          /* @__PURE__ */ jsx(LayoutList, { className: "h-12 w-12 text-muted-foreground/30 mb-4" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage || t("layout.empty") })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-cy": sel("blockEditor.treeView.container"),
+      className: "p-3 space-y-1",
+      children: /* @__PURE__ */ jsx(
+        DndContext,
+        {
+          sensors,
+          collisionDetection: closestCenter,
+          onDragEnd: handleDragEnd,
+          children: /* @__PURE__ */ jsx(
+            SortableContext,
+            {
+              items: groupedItems.map((item) => item.id),
+              strategy: verticalListSortingStrategy,
+              children: groupedItems.map((item) => /* @__PURE__ */ jsx(
+                TreeViewNode,
+                {
+                  block: item.block,
+                  isSelected: selectedBlockId === item.id,
+                  onSelect: () => handleSelectBlock(item.id),
+                  isPartOfPattern: false
+                },
+                item.id
+              ))
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+export {
+  TreeView
+};

package/dist/components/dashboard/block-editor/viewport-toggle.d.ts

@@ -0,0 +1,10 @@
+export type ViewportMode = 'desktop' | 'mobile';
+export declare const MOBILE_VIEWPORT_WIDTH = 375;
+interface ViewportToggleProps {
+    value: ViewportMode;
+    onChange: (value: ViewportMode) => void;
+    className?: string;
+}
+export declare function ViewportToggle({ value, onChange, className }: ViewportToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=viewport-toggle.d.ts.map

package/dist/components/dashboard/block-editor/viewport-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/viewport-toggle.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE/C,eAAO,MAAM,qBAAqB,MAAM,CAAA;AAExC,UAAU,mBAAmB;IAC3B,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAqCjF"}

package/dist/components/dashboard/block-editor/viewport-toggle.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Monitor, Smartphone } from "lucide-react";
+import { Button } from "../../ui/button.js";
+import { cn } from "../../../lib/utils.js";
+import { sel } from "../../../lib/test/index.js";
+const MOBILE_VIEWPORT_WIDTH = 375;
+function ViewportToggle({ value, onChange, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-cy": sel("blockEditor.header.viewportToggle.container"),
+      className: cn(
+        "flex items-center bg-muted rounded-lg p-1",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: cn(
+              "h-7 w-7 p-0 rounded-md",
+              value === "mobile" && "bg-background shadow-sm"
+            ),
+            onClick: () => onChange("mobile"),
+            "data-cy": sel("blockEditor.header.viewportToggle.mobileBtn"),
+            title: "Mobile view (375px)",
+            children: /* @__PURE__ */ jsx(Smartphone, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: cn(
+              "h-7 w-7 p-0 rounded-md",
+              value === "desktop" && "bg-background shadow-sm"
+            ),
+            onClick: () => onChange("desktop"),
+            "data-cy": sel("blockEditor.header.viewportToggle.desktopBtn"),
+            title: "Desktop view (100%)",
+            children: /* @__PURE__ */ jsx(Monitor, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  MOBILE_VIEWPORT_WIDTH,
+  ViewportToggle
+};

package/dist/components/public/pageBuilder/PageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/public/pageBuilder/PageRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAmD1D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,aAAa,EAAE,CAAA;QACvB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA0BvD"}
+{"version":3,"file":"PageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/public/pageBuilder/PageRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAmD1D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,aAAa,EAAE,CAAA;QACvB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA+BvD"}

package/dist/components/public/pageBuilder/PageRenderer.js

@@ -34,7 +34,16 @@ function PageRenderer({ page }) {
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "This page does not have any content yet." })
     ] }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: "min-h-screen", "data-page-id": page.id, "data-page-slug": page.slug, children: blocks.map((block) => /* @__PURE__ */ jsx("div", { "data-block-id": block.id, "data-block-slug": block.blockSlug, children: /* @__PURE__ */ jsx(BlockRenderer, { block }) }, block.id)) });
+  return /* @__PURE__ */ jsx("div", { className: "min-h-screen", "data-page-id": page.id, "data-page-slug": page.slug, children: blocks.map((block) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "@container w-full",
+      "data-block-id": block.id,
+      "data-block-slug": block.blockSlug,
+      children: /* @__PURE__ */ jsx(BlockRenderer, { block })
+    },
+    block.id
+  )) });
 }
 export {
   PageRenderer

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/dynamic-icon.d.ts

@@ -0,0 +1,12 @@
+interface DynamicIconProps {
+    name: string;
+    className?: string;
+    fallback?: string;
+}
+/**
+ * Renders a Lucide icon dynamically by name.
+ * Falls back to 'LayoutGrid' if icon name is not found.
+ */
+export declare function DynamicIcon({ name, className, fallback }: DynamicIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dynamic-icon.d.ts.map

package/dist/components/ui/dynamic-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-icon.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dynamic-icon.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAuB,EAAE,EAAE,gBAAgB,2CAKzF"}

package/dist/components/ui/dynamic-icon.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { icons } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+function DynamicIcon({ name, className, fallback = "LayoutGrid" }) {
+  const IconComponent = icons[name] || icons[fallback] || icons.LayoutGrid;
+  return /* @__PURE__ */ jsx(IconComponent, { className: cn("h-4 w-4", className) });
+}
+export {
+  DynamicIcon
+};

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"}