@exxatdesignux/ui 0.2.19 → 0.4.0

package/dist/components/table-properties/sort-card.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SortRule } from '../../lib/table-properties-types.js';
+
+/** Sort rule card inside the Sort drawer panel */
+type DrawerSortCardProps = {
+    rule: SortRule;
+    /**
+     * Resolved column label for the sort rule's `fieldKey`. Required — every
+     * consumer derives labels from its column defs (the drawer passes
+     * `resolveColumnLabel(rule.fieldKey)`), so the card never falls back to a
+     * product-specific column list.
+     */
+    fieldLabel: string;
+    isPrimary: boolean;
+    onRemove: () => void;
+    onToggleDir: () => void;
+};
+declare function DrawerSortCard(props: DrawerSortCardProps): react_jsx_runtime.JSX.Element | null;
+
+export { DrawerSortCard, type DrawerSortCardProps };

package/dist/components/table-properties/sort-card.js

@@ -0,0 +1,102 @@
+"use client";
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Tooltip$1.Trigger,
+    {
+      "data-slot": "tooltip-trigger",
+      suppressHydrationWarning: true,
+      className: cn("cursor-pointer", className),
+      ...props
+    }
+  );
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
+    Tooltip$1.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pe-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+      ]
+    }
+  ) });
+}
+function Tip({ label, children, side = "top" }) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipContent, { side, className: "flex flex-wrap items-center gap-1.5", children: label })
+  ] });
+}
+function DragHandleGripIcon({ className }) {
+  return /* @__PURE__ */ jsx("i", { className: cn("fa-solid fa-grip-dots-vertical shrink-0", className), "aria-hidden": "true" });
+}
+function DrawerSortCard(props) {
+  const { rule, fieldLabel, isPrimary, onRemove, onToggleDir } = props;
+  const label = fieldLabel || rule.fieldKey;
+  if (!label) return null;
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-background overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+    /* @__PURE__ */ jsx(DragHandleGripIcon, { className: "text-[13px] text-muted-foreground/40" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        isPrimary && /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-accent-foreground bg-accent rounded px-1 py-0.5 leading-none uppercase tracking-wide shrink-0", children: "Primary" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground truncate", children: label })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Direction: ${rule.direction === "asc" ? "Ascending" : "Descending"} \u2014 click to toggle`,
+          onClick: onToggleDir,
+          className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-interactive-hover-foreground transition-colors mt-0.5",
+          children: [
+            /* @__PURE__ */ jsx("i", { className: `fa-light ${rule.direction === "asc" ? "fa-arrow-up-a-z" : "fa-arrow-down-a-z"} text-xs`, "aria-hidden": "true" }),
+            rule.direction === "asc" ? "Ascending" : "Descending",
+            /* @__PURE__ */ jsx("i", { className: "fa-light fa-chevron-down text-xs", "aria-hidden": "true" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Tip, { label: `Remove ${label} sort`, side: "top", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Remove ${label} sort`,
+        onClick: onRemove,
+        className: "inline-flex items-center justify-center size-7 rounded text-muted-foreground hover:text-destructive hover:bg-interactive-hover transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring shrink-0",
+        children: /* @__PURE__ */ jsx("i", { className: "fa-light fa-trash text-xs", "aria-hidden": "true" })
+      }
+    ) })
+  ] }) });
+}
+
+export { DrawerSortCard };
+//# sourceMappingURL=sort-card.js.map
+//# sourceMappingURL=sort-card.js.map

package/dist/components/table-properties/sort-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/tooltip.tsx","../../../src/components/ui/tip.tsx","../../../src/components/ui/drag-handle-grip.tsx","../../../src/components/table-properties/sort-card.tsx"],"names":["TooltipPrimitive","jsxs","jsx"],"mappings":"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","file":"sort-card.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      suppressHydrationWarning\n      className={cn(\"cursor-pointer\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pe-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n","\"use client\"\nimport * as React from \"react\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"./tooltip\"\n\ninterface TipProps {\n  /** Plain string or text + `<Kbd />` — see `.cursor/rules/exxat-kbd-shortcuts.mdc` */\n  label: React.ReactNode\n  children: React.ReactNode\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\"\n}\n\nexport function Tip({ label, children, side = \"top\" }: TipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{children}</TooltipTrigger>\n      <TooltipContent side={side} className=\"flex flex-wrap items-center gap-1.5\">\n        {label}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n","import { cn } from \"../../lib/utils\"\n\n/**\n * Solid grip icon for drag handles — use anywhere rows/cards reorder (dashboard, Properties, etc.).\n */\nexport function DragHandleGripIcon({ className }: { className?: string }) {\n  return (\n    <i className={cn(\"fa-solid fa-grip-dots-vertical shrink-0\", className)} aria-hidden=\"true\" />\n  )\n}\n","\"use client\"\nimport * as React from \"react\"\nimport { Tip } from \"../ui/tip\"\nimport { DragHandleGripIcon } from \"../ui/drag-handle-grip\"\nimport { type SortRule } from \"../../lib/table-properties-types\"\n\n/** Sort rule card inside the Sort drawer panel */\nexport type DrawerSortCardProps = {\n  rule: SortRule\n  /**\n   * Resolved column label for the sort rule's `fieldKey`. Required — every\n   * consumer derives labels from its column defs (the drawer passes\n   * `resolveColumnLabel(rule.fieldKey)`), so the card never falls back to a\n   * product-specific column list.\n   */\n  fieldLabel: string\n  isPrimary: boolean\n  onRemove: () => void\n  onToggleDir: () => void\n}\n\nexport function DrawerSortCard(props: DrawerSortCardProps) {\n  const { rule, fieldLabel, isPrimary, onRemove, onToggleDir } = props\n  const label = fieldLabel || rule.fieldKey\n  if (!label) return null\n  return (\n    <div className=\"rounded-lg border border-border bg-background overflow-hidden\">\n      <div className=\"flex items-center gap-2 px-3 py-2.5\">\n        <DragHandleGripIcon className=\"text-[13px] text-muted-foreground/40\" />\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-1.5\">\n            {isPrimary && (\n              <span className=\"text-xs font-bold text-accent-foreground bg-accent rounded px-1 py-0.5 leading-none uppercase tracking-wide shrink-0\">\n                Primary\n              </span>\n            )}\n            <p className=\"text-sm font-medium text-foreground truncate\">{label}</p>\n          </div>\n          <button\n            type=\"button\"\n            aria-label={`Direction: ${rule.direction === \"asc\" ? \"Ascending\" : \"Descending\"} — click to toggle`}\n            onClick={onToggleDir}\n            className=\"inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-interactive-hover-foreground transition-colors mt-0.5\"\n          >\n            <i className={`fa-light ${rule.direction === \"asc\" ? \"fa-arrow-up-a-z\" : \"fa-arrow-down-a-z\"} text-xs`} aria-hidden=\"true\" />\n            {rule.direction === \"asc\" ? \"Ascending\" : \"Descending\"}\n            <i className=\"fa-light fa-chevron-down text-xs\" aria-hidden=\"true\" />\n          </button>\n        </div>\n        <Tip label={`Remove ${label} sort`} side=\"top\">\n          <button\n            type=\"button\"\n            aria-label={`Remove ${label} sort`}\n            onClick={onRemove}\n            className=\"inline-flex items-center justify-center size-7 rounded text-muted-foreground hover:text-destructive hover:bg-interactive-hover transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring shrink-0\"\n          >\n            <i className=\"fa-light fa-trash text-xs\" aria-hidden=\"true\" />\n          </button>\n        </Tip>\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/components/templates/dedicated-search-landing-template.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface DedicatedSearchLandingTemplateProps {
+    /** Page title — string or rich node (e.g. styled heading). */
+    title: React.ReactNode;
+    /** Primary search control (typically {@link DedicatedSearchUrlComposer}). */
+    composer: React.ReactNode;
+    /** Optional block below composer (e.g. {@link DedicatedSearchRecents}). */
+    trailing?: React.ReactNode;
+    /** Forwarded to {@link ListPageViewFrame}. */
+    maxWidthClassName?: string;
+    frameClassName?: string;
+    gutterClassName?: string;
+}
+/**
+ * Centered dedicated-search landing — empty `?q=` shell (hero title + composer + optional trailing).
+ */
+declare function DedicatedSearchLandingTemplate({ title, composer, trailing, maxWidthClassName, frameClassName, gutterClassName, }: DedicatedSearchLandingTemplateProps): react_jsx_runtime.JSX.Element;
+
+export { DedicatedSearchLandingTemplate, type DedicatedSearchLandingTemplateProps };

package/dist/components/templates/dedicated-search-landing-template.js

@@ -0,0 +1,254 @@
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { motion } from 'motion/react';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var LIST_PAGE_VIEW_FRAME_GUTTER = "mx-4 mb-6 lg:mx-6";
+function ListPageViewFrame({
+  children,
+  className,
+  maxWidthClassName,
+  gutterClassName = LIST_PAGE_VIEW_FRAME_GUTTER,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn(gutterClassName, className), ...rest, children: maxWidthClassName ? /* @__PURE__ */ jsx("div", { className: cn("mx-auto w-full min-w-0", maxWidthClassName), children }) : children });
+}
+function mulberry32(seed) {
+  let s = seed >>> 0;
+  return () => {
+    s = s + 1831565813 >>> 0;
+    let t = s;
+    t = Math.imul(t ^ t >>> 15, t | 1);
+    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+function hashString(str) {
+  let h = 2166136261;
+  for (let i = 0; i < str.length; i++) {
+    h ^= str.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+}
+function DotPattern({
+  width = 14,
+  height = 14,
+  x = 0,
+  y = 0,
+  cx = 1,
+  cy = 1,
+  cr = 0.8,
+  className,
+  glow = false,
+  glowCount = 2,
+  glowRadius = 240,
+  ...props
+}) {
+  const id = React.useId();
+  const maskId = `${id}-mask`;
+  const gradId = `${id}-grad`;
+  const clouds = React.useMemo(() => {
+    const rng = mulberry32(hashString(`${id}|${glowCount}`));
+    const rand = (min, max) => min + rng() * (max - min);
+    return Array.from({ length: glowCount }).map((_, i) => {
+      const startX = rand(85, 120);
+      const endX = rand(-20, 15);
+      const midX = (startX + endX) / 2 + rand(-6, 6);
+      const startY = rand(85, 115);
+      const endY = rand(-15, 10);
+      const midY = (startY + endY) / 2 + rand(-4, 4);
+      const duration = rand(8, 12);
+      const delay = -(i / glowCount) * duration;
+      return {
+        key: i,
+        xs: [`${startX}%`, `${midX}%`, `${endX}%`],
+        ys: [`${startY}%`, `${midY}%`, `${endY}%`],
+        duration,
+        delay
+      };
+    });
+  }, [glowCount, id]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "pointer-events-none absolute inset-0 h-full w-full fill-neutral-400/80",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsx(
+            "pattern",
+            {
+              id,
+              width,
+              height,
+              patternUnits: "userSpaceOnUse",
+              patternContentUnits: "userSpaceOnUse",
+              x,
+              y,
+              children: /* @__PURE__ */ jsx("circle", { cx, cy, r: cr })
+            }
+          ),
+          glow ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("radialGradient", { id: gradId, children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "0.9" }),
+              /* @__PURE__ */ jsx("stop", { offset: "40%", stopColor: "white", stopOpacity: "0.55" }),
+              /* @__PURE__ */ jsx("stop", { offset: "75%", stopColor: "white", stopOpacity: "0.18" }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "0" })
+            ] }),
+            /* @__PURE__ */ jsx("mask", { id: maskId, children: clouds.map((c) => /* @__PURE__ */ jsx(
+              motion.circle,
+              {
+                r: glowRadius,
+                fill: `url(#${gradId})`,
+                initial: { cx: c.xs[0], cy: c.ys[0], opacity: 0 },
+                animate: {
+                  cx: c.xs,
+                  cy: c.ys,
+                  // Long hold with soft fade at both ends.
+                  opacity: [0, 1, 1, 0]
+                },
+                transition: {
+                  duration: c.duration,
+                  delay: c.delay,
+                  repeat: Infinity,
+                  ease: "linear",
+                  times: [0, 0.3, 0.7, 1]
+                }
+              },
+              `cloud-${c.key}`
+            )) })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            strokeWidth: 0,
+            fill: `url(#${id})`,
+            mask: glow ? `url(#${maskId})` : void 0
+          }
+        )
+      ]
+    }
+  );
+}
+var DEFAULT_GUTTER = "mx-auto flex min-h-[min(72vh,36rem)] w-full min-w-0 flex-col justify-center gap-0 px-6 py-8 sm:px-8 sm:py-10 md:px-12 md:py-12 lg:px-16";
+var HERO_BACKDROP_MASK = "[mask-image:linear-gradient(to_bottom,transparent_0%,black_5%,black_95%,transparent_100%)] [-webkit-mask-image:linear-gradient(to_bottom,transparent_0%,black_5%,black_95%,transparent_100%)]";
+function DedicatedSearchLandingBackdrop() {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "pointer-events-none absolute inset-0 -z-10 select-none overflow-hidden",
+        HERO_BACKDROP_MASK
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute -left-[20%] -top-[30%] h-[min(54vmin,27rem)] w-[min(54vmin,27rem)] rounded-full blur-[76px]",
+            style: {
+              background: "radial-gradient(circle at 42% 36%, var(--leo-surface-tint-b) 0%, transparent 68%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute -right-[12%] top-[2%] h-[min(46vmin,23rem)] w-[min(46vmin,23rem)] rounded-full blur-[68px]",
+            style: {
+              background: "radial-gradient(circle at 48% 48%, var(--leo-surface-tint-a) 0%, transparent 66%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute bottom-[-16%] left-[14%] h-[min(50vmin,25rem)] w-[min(50vmin,25rem)] rounded-full blur-[84px]",
+            style: {
+              background: "radial-gradient(circle at 44% 40%, var(--leo-surface-tint-b) 0%, transparent 70%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute bottom-[4%] right-[6%] h-[min(40vmin,20rem)] w-[min(40vmin,20rem)] rounded-full blur-[60px]",
+            style: {
+              background: "radial-gradient(circle at 52% 44%, var(--leo-surface-tint-a) 0%, transparent 72%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute left-[36%] top-[32%] h-[min(38vmin,19rem)] w-[min(38vmin,19rem)] -translate-x-1/2 rounded-full blur-[74px]",
+            style: {
+              background: "radial-gradient(circle at 50% 50%, var(--leo-surface-tint-b) 0%, transparent 68%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DotPattern,
+          {
+            width: 15,
+            height: 15,
+            cr: 0.65,
+            className: cn(
+              "absolute inset-0 opacity-[0.34] mix-blend-multiply dark:opacity-[0.22] dark:mix-blend-soft-light",
+              "fill-[color-mix(in_oklch,var(--brand-color)_14%,var(--background))]"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function DedicatedSearchLandingTemplate({
+  title,
+  composer,
+  trailing,
+  maxWidthClassName = "max-w-5xl",
+  frameClassName = "min-w-0",
+  gutterClassName = DEFAULT_GUTTER
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative isolate min-w-0 w-full overflow-hidden", children: [
+    /* @__PURE__ */ jsx(DedicatedSearchLandingBackdrop, {}),
+    /* @__PURE__ */ jsxs(
+      ListPageViewFrame,
+      {
+        maxWidthClassName,
+        className: cn("relative z-10", frameClassName),
+        gutterClassName,
+        children: [
+          /* @__PURE__ */ jsx("header", { className: "min-w-0", children: typeof title === "string" ? /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: "text-balance text-3xl font-semibold tracking-tight text-foreground sm:text-4xl",
+              style: { fontFamily: "var(--font-heading)" },
+              children: title
+            }
+          ) : title }),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 mt-6 sm:mt-8", children: composer }),
+          trailing ? /* @__PURE__ */ jsx("div", { className: "min-w-0 mt-10 sm:mt-12 md:mt-14 lg:mt-16", children: trailing }) : null
+        ]
+      }
+    )
+  ] });
+}
+
+export { DedicatedSearchLandingTemplate };
+//# sourceMappingURL=dedicated-search-landing-template.js.map
+//# sourceMappingURL=dedicated-search-landing-template.js.map

package/dist/components/templates/dedicated-search-landing-template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/list-page-view-frame.tsx","../../../src/components/ui/dot-pattern.tsx","../../../src/components/templates/dedicated-search-landing-template.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"dedicated-search-landing-template.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","\"use client\"\n\n/**\n * ListPageViewFrame — shared horizontal gutter + optional centered max-width\n * for list-hub **view bodies** (folder icon grid, finder panel chrome,\n * OS-style folder explorer, dashboard slices, etc.).\n *\n * MUST be used instead of ad-hoc `mx-4 lg:mx-6` + `mx-auto max-w-*` pairs on\n * each page — see `apps/web/AGENTS.md` §4.5 and\n * `.cursor/rules/exxat-list-page-view-shells.mdc`.\n *\n * MUST NOT wrap `DataTable` when its toolbar already applies the same inset\n * (avoid double gutter); use this for **non-table** view branches or\n * **sections below** the shared toolbar.\n *\n * Promotion note: this file lived at\n * `apps/web/components/data-views/list-page-view-frame.tsx` until\n * 2026-05-20. It moved into `@exxatdesignux/ui` because the gutter / max-\n * width contract is entity-agnostic and other consumers (a future docs\n * site, partner apps) need the same rhythm without dragging in the whole\n * `data-views/` family.\n */\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\n/** Default horizontal rhythm for view bodies under `ListPageTemplate` (matches `FolderGridView`). */\nexport const LIST_PAGE_VIEW_FRAME_GUTTER = \"mx-4 mb-6 lg:mx-6\"\n\n/** Typical max width for icon grids / dense tile views on ultra-wide monitors. */\nexport const LIST_PAGE_VIEW_FRAME_MAX_ICON_GRID = \"max-w-6xl\"\n\n/** Slightly wider shell when a view includes toolbar + breadcrumbs + grid (e.g. OS folder explorer). */\nexport const LIST_PAGE_VIEW_FRAME_MAX_WIDE = \"max-w-7xl\"\n\nexport interface ListPageViewFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  /**\n   * When set, children are wrapped in `mx-auto w-full min-w-0` + this\n   * max-width so the block stays centered inside the primary page column.\n   */\n  maxWidthClassName?: string\n  /** Override outer gutter; default `LIST_PAGE_VIEW_FRAME_GUTTER`. */\n  gutterClassName?: string\n}\n\nexport function ListPageViewFrame({\n  children,\n  className,\n  maxWidthClassName,\n  gutterClassName = LIST_PAGE_VIEW_FRAME_GUTTER,\n  ...rest\n}: ListPageViewFrameProps) {\n  return (\n    <div className={cn(gutterClassName, className)} {...rest}>\n      {maxWidthClassName ? (\n        <div className={cn(\"mx-auto w-full min-w-0\", maxWidthClassName)}>{children}</div>\n      ) : (\n        children\n      )}\n    </div>\n  )\n}\n","\"use client\"\n\n/**\n * DotPattern — dot grid revealed by a soft drifting \"cloud\" mask.\n *\n * Inspiration: Google/Apple AI loading states — a diffuse dot field that\n * softly fades in, drifts diagonally across the surface, then fades out.\n * No bright glow cores, no particles — just one or two large soft halos\n * sliding across the grid so the dots appear as an ambient cloud.\n */\n\nimport * as React from \"react\"\nimport { motion } from \"motion/react\"\nimport { cn } from \"../../lib/utils\"\n\ninterface DotPatternProps extends React.SVGProps<SVGSVGElement> {\n  width?: number\n  height?: number\n  x?: number\n  y?: number\n  cx?: number\n  cy?: number\n  cr?: number\n  className?: string\n  glow?: boolean\n  /** Number of drifting soft clouds (keep small: 1–2). */\n  glowCount?: number\n  /** Cloud radius — large values produce a wide, diffuse reveal. */\n  glowRadius?: number\n}\n\ntype Cloud = {\n  key: number\n  xs: string[]\n  ys: string[]\n  duration: number\n  delay: number\n}\n\n/**\n * Tiny deterministic PRNG (mulberry32). We use a seeded RNG instead of\n * `Math.random()` so the SVG attributes emitted on the server match the\n * client's first paint — otherwise React reports a hydration mismatch and\n * has to re-paint every drifting `<motion.circle>` on mount, which is both\n * a perf cost and a visible jump.\n */\nfunction mulberry32(seed: number): () => number {\n  let s = seed >>> 0\n  return () => {\n    s = (s + 0x6d2b79f5) >>> 0\n    let t = s\n    t = Math.imul(t ^ (t >>> 15), t | 1)\n    t ^= t + Math.imul(t ^ (t >>> 7), t | 61)\n    return ((t ^ (t >>> 14)) >>> 0) / 4294967296\n  }\n}\n\nfunction hashString(str: string): number {\n  // Cheap FNV-1a-style hash. Stable across SSR + CSR for the same input.\n  let h = 2166136261\n  for (let i = 0; i < str.length; i++) {\n    h ^= str.charCodeAt(i)\n    h = Math.imul(h, 16777619)\n  }\n  return h >>> 0\n}\n\nexport function DotPattern({\n  width = 14,\n  height = 14,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  cr = 0.8,\n  className,\n  glow = false,\n  glowCount = 2,\n  glowRadius = 240,\n  ...props\n}: DotPatternProps) {\n  const id = React.useId()\n  const maskId = `${id}-mask`\n  const gradId = `${id}-grad`\n\n  const clouds = React.useMemo<Cloud[]>(() => {\n    const rng = mulberry32(hashString(`${id}|${glowCount}`))\n    const rand = (min: number, max: number) => min + rng() * (max - min)\n    return Array.from({ length: glowCount }).map((_, i) => {\n      // Drift diagonally: bottom-right → top-left. Start/end partly off-canvas\n      // so the cloud enters and exits softly without a visible edge.\n      const startX = rand(85, 120)\n      const endX = rand(-20, 15)\n      const midX = (startX + endX) / 2 + rand(-6, 6)\n\n      const startY = rand(85, 115)\n      const endY = rand(-15, 10)\n      const midY = (startY + endY) / 2 + rand(-4, 4)\n\n      const duration = rand(8, 12)\n      // Offset clouds by half a cycle so one is arriving as the other leaves.\n      const delay = -(i / glowCount) * duration\n\n      return {\n        key: i,\n        xs: [`${startX}%`, `${midX}%`, `${endX}%`],\n        ys: [`${startY}%`, `${midY}%`, `${endY}%`],\n        duration,\n        delay,\n      }\n    })\n  }, [glowCount, id])\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\n        \"pointer-events-none absolute inset-0 h-full w-full fill-neutral-400/80\",\n        className,\n      )}\n      {...props}\n    >\n      <defs>\n        <pattern\n          id={id}\n          width={width}\n          height={height}\n          patternUnits=\"userSpaceOnUse\"\n          patternContentUnits=\"userSpaceOnUse\"\n          x={x}\n          y={y}\n        >\n          <circle cx={cx} cy={cy} r={cr} />\n        </pattern>\n\n        {glow ? (\n          <>\n            {/* Very soft falloff — no visible ring edge, dots dissolve gradually. */}\n            <radialGradient id={gradId}>\n              <stop offset=\"0%\"   stopColor=\"white\" stopOpacity=\"0.9\" />\n              <stop offset=\"40%\"  stopColor=\"white\" stopOpacity=\"0.55\" />\n              <stop offset=\"75%\"  stopColor=\"white\" stopOpacity=\"0.18\" />\n              <stop offset=\"100%\" stopColor=\"white\" stopOpacity=\"0\" />\n            </radialGradient>\n\n            <mask id={maskId}>\n              {clouds.map((c) => (\n                <motion.circle\n                  key={`cloud-${c.key}`}\n                  r={glowRadius}\n                  fill={`url(#${gradId})`}\n                  initial={{ cx: c.xs[0], cy: c.ys[0], opacity: 0 }}\n                  animate={{\n                    cx: c.xs,\n                    cy: c.ys,\n                    // Long hold with soft fade at both ends.\n                    opacity: [0, 1, 1, 0],\n                  }}\n                  transition={{\n                    duration: c.duration,\n                    delay: c.delay,\n                    repeat: Infinity,\n                    ease: \"linear\",\n                    times: [0, 0.3, 0.7, 1],\n                  }}\n                />\n              ))}\n            </mask>\n          </>\n        ) : null}\n      </defs>\n\n      {/* Dot grid — only visible inside the drifting soft clouds when glow is on. */}\n      <rect\n        width=\"100%\"\n        height=\"100%\"\n        strokeWidth={0}\n        fill={`url(#${id})`}\n        mask={glow ? `url(#${maskId})` : undefined}\n      />\n    </svg>\n  )\n}\n","\"use client\"\n\nimport * as React from \"react\"\n\nimport { ListPageViewFrame } from \"../ui/list-page-view-frame\"\nimport { DotPattern } from \"../ui/dot-pattern\"\nimport { cn } from \"../../lib/utils\"\n\nexport interface DedicatedSearchLandingTemplateProps {\n  /** Page title — string or rich node (e.g. styled heading). */\n  title: React.ReactNode\n  /** Primary search control (typically {@link DedicatedSearchUrlComposer}). */\n  composer: React.ReactNode\n  /** Optional block below composer (e.g. {@link DedicatedSearchRecents}). */\n  trailing?: React.ReactNode\n  /** Forwarded to {@link ListPageViewFrame}. */\n  maxWidthClassName?: string\n  frameClassName?: string\n  gutterClassName?: string\n}\n\nconst DEFAULT_GUTTER =\n  \"mx-auto flex min-h-[min(72vh,36rem)] w-full min-w-0 flex-col justify-center gap-0 px-6 py-8 sm:px-8 sm:py-10 md:px-12 md:py-12 lg:px-16\"\n\n/** Feather into page white / header so the hero never reads as a hard horizontal slab. */\nconst HERO_BACKDROP_MASK =\n  \"[mask-image:linear-gradient(to_bottom,transparent_0%,black_5%,black_95%,transparent_100%)] [-webkit-mask-image:linear-gradient(to_bottom,transparent_0%,black_5%,black_95%,transparent_100%)]\"\n\n/**\n * Soft blurred blobs using only Ask Leo surface tints (`--leo-surface-tint-a|b` in `globals.css`).\n */\nfunction DedicatedSearchLandingBackdrop() {\n  return (\n    <div\n      aria-hidden\n      className={cn(\n        \"pointer-events-none absolute inset-0 -z-10 select-none overflow-hidden\",\n        HERO_BACKDROP_MASK,\n      )}\n    >\n      <div\n        className=\"absolute -left-[20%] -top-[30%] h-[min(54vmin,27rem)] w-[min(54vmin,27rem)] rounded-full blur-[76px]\"\n        style={{\n          background: \"radial-gradient(circle at 42% 36%, var(--leo-surface-tint-b) 0%, transparent 68%)\",\n        }}\n      />\n      <div\n        className=\"absolute -right-[12%] top-[2%] h-[min(46vmin,23rem)] w-[min(46vmin,23rem)] rounded-full blur-[68px]\"\n        style={{\n          background: \"radial-gradient(circle at 48% 48%, var(--leo-surface-tint-a) 0%, transparent 66%)\",\n        }}\n      />\n      <div\n        className=\"absolute bottom-[-16%] left-[14%] h-[min(50vmin,25rem)] w-[min(50vmin,25rem)] rounded-full blur-[84px]\"\n        style={{\n          background: \"radial-gradient(circle at 44% 40%, var(--leo-surface-tint-b) 0%, transparent 70%)\",\n        }}\n      />\n      <div\n        className=\"absolute bottom-[4%] right-[6%] h-[min(40vmin,20rem)] w-[min(40vmin,20rem)] rounded-full blur-[60px]\"\n        style={{\n          background: \"radial-gradient(circle at 52% 44%, var(--leo-surface-tint-a) 0%, transparent 72%)\",\n        }}\n      />\n      <div\n        className=\"absolute left-[36%] top-[32%] h-[min(38vmin,19rem)] w-[min(38vmin,19rem)] -translate-x-1/2 rounded-full blur-[74px]\"\n        style={{\n          background: \"radial-gradient(circle at 50% 50%, var(--leo-surface-tint-b) 0%, transparent 68%)\",\n        }}\n      />\n\n      {/* Static dot field — same primitive as `AiThinkingOverlay` (no motion here). */}\n      <DotPattern\n        width={15}\n        height={15}\n        cr={0.65}\n        className={cn(\n          \"absolute inset-0 opacity-[0.34] mix-blend-multiply dark:opacity-[0.22] dark:mix-blend-soft-light\",\n          \"fill-[color-mix(in_oklch,var(--brand-color)_14%,var(--background))]\",\n        )}\n      />\n    </div>\n  )\n}\n\n/**\n * Centered dedicated-search landing — empty `?q=` shell (hero title + composer + optional trailing).\n */\nexport function DedicatedSearchLandingTemplate({\n  title,\n  composer,\n  trailing,\n  maxWidthClassName = \"max-w-5xl\",\n  frameClassName = \"min-w-0\",\n  gutterClassName = DEFAULT_GUTTER,\n}: DedicatedSearchLandingTemplateProps) {\n  return (\n    <div className=\"relative isolate min-w-0 w-full overflow-hidden\">\n      <DedicatedSearchLandingBackdrop />\n      <ListPageViewFrame\n        maxWidthClassName={maxWidthClassName}\n        className={cn(\"relative z-10\", frameClassName)}\n        gutterClassName={gutterClassName}\n      >\n        <header className=\"min-w-0\">\n          {typeof title === \"string\" ? (\n            <h1\n              className=\"text-balance text-3xl font-semibold tracking-tight text-foreground sm:text-4xl\"\n              style={{ fontFamily: \"var(--font-heading)\" }}\n            >\n              {title}\n            </h1>\n          ) : (\n            title\n          )}\n        </header>\n\n        <div className=\"min-w-0 mt-6 sm:mt-8\">{composer}</div>\n\n        {trailing ? <div className=\"min-w-0 mt-10 sm:mt-12 md:mt-14 lg:mt-16\">{trailing}</div> : null}\n      </ListPageViewFrame>\n    </div>\n  )\n}\n"]}

package/dist/components/templates/dedicated-search-results-template.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/** Apply to the hub content wrapper when showing results (list surface under composer). */
+declare const DEDICATED_SEARCH_RESULTS_OUTER_CONTENT_CLASSNAME = "border-t border-border/40 bg-gradient-to-b from-muted/25 via-background to-background";
+interface DedicatedSearchResultsHeaderChromeProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Muted strip wrapping page chrome + composer on the results branch (below site header).
+ */
+declare function DedicatedSearchResultsHeaderChrome({ children, className }: DedicatedSearchResultsHeaderChromeProps): react_jsx_runtime.JSX.Element;
+
+export { DEDICATED_SEARCH_RESULTS_OUTER_CONTENT_CLASSNAME, DedicatedSearchResultsHeaderChrome, type DedicatedSearchResultsHeaderChromeProps };

package/dist/components/templates/dedicated-search-results-template.js

@@ -0,0 +1,16 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var DEDICATED_SEARCH_RESULTS_OUTER_CONTENT_CLASSNAME = "border-t border-border/40 bg-gradient-to-b from-muted/25 via-background to-background";
+function DedicatedSearchResultsHeaderChrome({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("border-b border-border/50 bg-muted/15", className), children });
+}
+
+export { DEDICATED_SEARCH_RESULTS_OUTER_CONTENT_CLASSNAME, DedicatedSearchResultsHeaderChrome };
+//# sourceMappingURL=dedicated-search-results-template.js.map
+//# sourceMappingURL=dedicated-search-results-template.js.map

package/dist/components/templates/dedicated-search-results-template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/templates/dedicated-search-results-template.tsx"],"names":[],"mappings":";;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAO,IAAM,gDAAA,GACX;AAUK,SAAS,kCAAA,CAAmC,EAAE,QAAA,EAAU,SAAA,EAAU,EAA4C;AACnH,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,uCAAA,EAAyC,SAAS,GAAI,QAAA,EAAS,CAAA;AAC3F","file":"dedicated-search-results-template.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import type { ReactNode } from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\n/** Apply to the hub content wrapper when showing results (list surface under composer). */\nexport const DEDICATED_SEARCH_RESULTS_OUTER_CONTENT_CLASSNAME =\n  \"border-t border-border/40 bg-gradient-to-b from-muted/25 via-background to-background\"\n\nexport interface DedicatedSearchResultsHeaderChromeProps {\n  children: ReactNode\n  className?: string\n}\n\n/**\n * Muted strip wrapping page chrome + composer on the results branch (below site header).\n */\nexport function DedicatedSearchResultsHeaderChrome({ children, className }: DedicatedSearchResultsHeaderChromeProps) {\n  return <div className={cn(\"border-b border-border/50 bg-muted/15\", className)}>{children}</div>\n}\n"]}

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

@@ -0,0 +1,9 @@
+export { FilterOption, ListPageTemplate, ListPageTemplateProps, VIEW_TYPES, ViewTab, ViewType } from './list-page.js';
+export { NestedSecondaryPanelShell, NestedSecondaryPanelShellProps } from './nested-secondary-panel-shell.js';
+export { DedicatedSearchLandingTemplate, DedicatedSearchLandingTemplateProps } from './dedicated-search-landing-template.js';
+export { DEDICATED_SEARCH_RESULTS_OUTER_CONTENT_CLASSNAME, DedicatedSearchResultsHeaderChrome, DedicatedSearchResultsHeaderChromeProps } from './dedicated-search-results-template.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../../lib/data-list-view.js';
+import '../../lib/list-page-table-properties.js';
+import '../../data-list-view-registry-CyBoBML4.js';