@publish.os/nextjs 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/kernel/components/blocks/AgentActions.d.ts

@@ -1,8 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonVariantProps } from '../ui/button.js';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
 import { ReactNode, ComponentPropsWithoutRef } from 'react';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "solid" | "soft" | "outline" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 
 type Resolvable<T> = T | ((context: AgentActionContext) => T);
 type AgentActionContext = {

package/dist/kernel/components/blocks/AgentActions.js

@@ -1,12 +1,12 @@
 "use client";
 
-// src/kernel/components/blocks/AgentActions.tsx
-import { AnimatedIconSwap } from "./animated-icon-swap.js";
+// src/components/block/agent-actions.tsx
+import { AnimatedIconSwap } from "@publish.os/nextjs/kernel/components/blocks/animated-icon-swap";
 import {
   Button,
   buttonVariants
-} from "../ui/button.js";
-import { ButtonGroup, ButtonGroupSeparator } from "../ui/button-group.js";
+} from "@publish.os/nextjs/kernel/components/ui/button";
+import { ButtonGroup, ButtonGroupSeparator } from "@publish.os/nextjs/kernel/components/ui/button-group";
 import {
   Menu,
   MenuGroup,
@@ -17,42 +17,19 @@ import {
   MenuPortal,
   MenuPositioner,
   MenuTrigger
-} from "../ui/menu.js";
-
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/blocks/AgentActions.tsx
+} from "@publish.os/nextjs/kernel/components/ui/menu";
 import {
-  Bot,
-  Check,
-  ChevronDown,
-  Clipboard,
-  ExternalLink,
-  Eye,
-  Github,
-  LinkIcon,
-  MessageCircle
-} from "lucide-react";
+  FrameworkBotIcon as Bot,
+  FrameworkCheckIcon as Check,
+  FrameworkChevronDownIcon as ChevronDown,
+  FrameworkClipboardIcon as Clipboard,
+  FrameworkExternalLinkIcon as ExternalLink,
+  FrameworkEyeIcon as Eye,
+  FrameworkGithubIcon as Github,
+  FrameworkLinkIcon as Link,
+  FrameworkMessageCircleIcon as MessageCircle
+} from "@publish.os/nextjs/kernel/framework-icons";
+import { cn } from "@publish.os/nextjs/utils/cn";
 import {
   useCallback,
   useEffect,
@@ -61,18 +38,14 @@ import {
 } from "react";
 import { flushSync } from "react-dom";
 import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_PROMPT_SUFFIX = "I want to ask questions about it.";
-var COPY_FEEDBACK_MS = 1600;
+var DEFAULT_PROMPT_SUFFIX = "I want to ask questions about it.", COPY_FEEDBACK_MS = 1600;
 function normalizePath(path) {
-  const [pathname = "/"] = path.split(/[?#]/);
-  const prefixed = pathname.startsWith("/") ? pathname : `/${pathname}`;
-  if (prefixed === "/") return prefixed;
-  return prefixed.replace(/\/+$/, "");
+  let [pathname = "/"] = path.split(/[?#]/), prefixed = pathname.startsWith("/") ? pathname : `/${pathname}`;
+  return prefixed === "/" ? prefixed : prefixed.replace(/\/+$/, "");
 }
 function markdownPathForPagePath(path) {
-  const normalized = normalizePath(path);
-  if (normalized === "/") return "/index.md";
-  return normalized.endsWith(".md") ? normalized : `${normalized}.md`;
+  let normalized = normalizePath(path);
+  return normalized === "/" ? "/index.md" : normalized.endsWith(".md") ? normalized : `${normalized}.md`;
 }
 function isAbsoluteUrl(url) {
   return /^[a-z][a-z\d+\-.]*:/i.test(url);
@@ -86,24 +59,21 @@ function absoluteUrl(url, siteUrl) {
   }
 }
 function mergeRel(rel) {
-  const values = new Set((rel ?? "").split(/\s+/).filter(Boolean));
-  values.add("noreferrer");
-  return Array.from(values).join(" ");
+  let values = new Set((rel ?? "").split(/\s+/).filter(Boolean));
+  return values.add("noreferrer"), Array.from(values).join(" ");
 }
 function createPrompt(markdownUrl) {
   return `Read ${markdownUrl}, ${DEFAULT_PROMPT_SUFFIX}`;
 }
 function providerPromptUrl(baseUrl, prompt, param = "q") {
-  const url = new URL(baseUrl);
-  url.searchParams.set(param, prompt);
-  return url.toString();
+  let url = new URL(baseUrl);
+  return url.searchParams.set(param, prompt), url.toString();
 }
 var DEFAULT_PRIMARY_ACTION = {
   id: "copy-page-markdown-primary",
   title: "Copy Markdown",
   copy: "page-markdown"
-};
-var DEFAULT_ACTION_GROUPS = [
+}, DEFAULT_ACTION_GROUPS = [
   {
     id: "open-in-ai",
     title: "Open in",
@@ -113,42 +83,42 @@ var DEFAULT_ACTION_GROUPS = [
         title: "Claude",
         icon: /* @__PURE__ */ jsx(Bot, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://claude.ai/new", prompt),
-        openInNew: true
+        openInNew: !0
       },
       {
         id: "open-chatgpt",
         title: "ChatGPT",
         icon: /* @__PURE__ */ jsx(MessageCircle, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://chatgpt.com/?hints=search", prompt),
-        openInNew: true
+        openInNew: !0
       },
       {
         id: "open-cursor",
         title: "Cursor",
         icon: /* @__PURE__ */ jsx(ExternalLink, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://cursor.com/link/prompt", prompt, "text"),
-        openInNew: true
+        openInNew: !0
       },
       {
         id: "open-copilot",
         title: "Copilot",
         icon: /* @__PURE__ */ jsx(MessageCircle, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://copilot.microsoft.com/", prompt),
-        openInNew: true
+        openInNew: !0
       },
       {
         id: "open-t3-chat",
         title: "T3 Chat",
         icon: /* @__PURE__ */ jsx(MessageCircle, { "aria-hidden": "true", className: "size-4" }),
         href: ({ prompt }) => providerPromptUrl("https://t3.chat/new", prompt),
-        openInNew: true
+        openInNew: !0
       },
       {
         id: "open-github",
         title: "GitHub source",
         icon: /* @__PURE__ */ jsx(Github, { "aria-hidden": "true", className: "size-4" }),
         href: ({ sourceUrl }) => sourceUrl,
-        openInNew: true,
+        openInNew: !0,
         disabled: ({ sourceUrl }) => !sourceUrl
       }
     ]
@@ -171,14 +141,14 @@ var DEFAULT_ACTION_GROUPS = [
       {
         id: "copy-page-link",
         title: "Copy page link",
-        icon: /* @__PURE__ */ jsx(LinkIcon, { "aria-hidden": "true", className: "size-4" }),
+        icon: /* @__PURE__ */ jsx(Link, { "aria-hidden": "true", className: "size-4" }),
         copy: "page-link"
       }
     ]
   }
 ];
 function resolveValue(value, context) {
-  return typeof value === "function" ? value(context) : value;
+  return typeof value == "function" ? value(context) : value;
 }
 async function copyText(text) {
   await navigator.clipboard?.writeText(text);
@@ -200,43 +170,22 @@ function AgentActions({
   sourceUrl,
   ...props
 }) {
-  const [copiedActionId, setCopiedActionId] = useState();
-  const [menuOpen, setMenuOpen] = useState(false);
-  const menuActionsRef = useRef(null);
-  const menuOpenRef = useRef(false);
-  const resetTimerRef = useRef(
+  let [copiedActionId, setCopiedActionId] = useState(), [menuOpen, setMenuOpen] = useState(!1), menuActionsRef = useRef(null), menuOpenRef = useRef(!1), resetTimerRef = useRef(
     void 0
-  );
-  const setMenuOpenState = useCallback((open) => {
-    menuOpenRef.current = open;
-    setMenuOpen(open);
-  }, []);
-  const closeMenu = useCallback(() => {
+  ), setMenuOpenState = useCallback((open) => {
+    menuOpenRef.current = open, setMenuOpen(open);
+  }, []), closeMenu = useCallback(() => {
     flushSync(() => {
-      menuOpenRef.current = false;
-      setMenuOpen(false);
-      menuActionsRef.current?.close();
-      menuActionsRef.current?.unmount();
+      menuOpenRef.current = !1, setMenuOpen(!1), menuActionsRef.current?.close(), menuActionsRef.current?.unmount();
     });
   }, []);
-  useEffect(() => {
-    window.addEventListener("pagehide", closeMenu);
-    window.addEventListener("pageshow", closeMenu);
-    return () => {
-      window.removeEventListener("pagehide", closeMenu);
-      window.removeEventListener("pageshow", closeMenu);
-      if (resetTimerRef.current) {
-        clearTimeout(resetTimerRef.current);
-      }
-    };
-  }, [closeMenu]);
-  const resolvedPagePath = pagePath ?? "/";
-  const resolvedMarkdownPath = markdownPath ?? markdownPathForPagePath(resolvedPagePath);
-  const resolvedMarkdownUrl = absoluteUrl(
+  useEffect(() => (window.addEventListener("pagehide", closeMenu), window.addEventListener("pageshow", closeMenu), () => {
+    window.removeEventListener("pagehide", closeMenu), window.removeEventListener("pageshow", closeMenu), resetTimerRef.current && clearTimeout(resetTimerRef.current);
+  }), [closeMenu]);
+  let resolvedPagePath = pagePath ?? "/", resolvedMarkdownPath = markdownPath ?? markdownPathForPagePath(resolvedPagePath), resolvedMarkdownUrl = absoluteUrl(
     markdownUrl ?? resolvedMarkdownPath,
     siteUrl
-  );
-  const context = {
+  ), context = {
     markdown,
     markdownPath: resolvedMarkdownPath,
     markdownUrl: resolvedMarkdownUrl,
@@ -244,134 +193,99 @@ function AgentActions({
     pageUrl: absoluteUrl(pageUrl ?? resolvedPagePath, siteUrl),
     prompt: prompt ?? createPrompt(resolvedMarkdownUrl),
     sourceUrl
-  };
-  const resolvedPrimaryAction = primaryAction ?? DEFAULT_PRIMARY_ACTION;
-  const resolvedActionGroups = actionGroups ?? DEFAULT_ACTION_GROUPS;
-  const markCopied = (actionId) => {
-    if (resetTimerRef.current) {
-      clearTimeout(resetTimerRef.current);
-    }
-    setCopiedActionId(actionId);
-    resetTimerRef.current = setTimeout(() => {
+  }, resolvedPrimaryAction = primaryAction ?? DEFAULT_PRIMARY_ACTION, resolvedActionGroups = actionGroups ?? DEFAULT_ACTION_GROUPS, markCopied = (actionId) => {
+    resetTimerRef.current && clearTimeout(resetTimerRef.current), setCopiedActionId(actionId), resetTimerRef.current = setTimeout(() => {
       setCopiedActionId(void 0);
     }, COPY_FEEDBACK_MS);
-  };
-  const copyValueForAction = async (action) => {
+  }, copyValueForAction = async (action) => {
     if (action.copy === "page-markdown") {
-      if (context.markdownUrl) {
+      if (context.markdownUrl)
         try {
-          const response = await fetch(context.markdownUrl);
+          let response = await fetch(context.markdownUrl);
           if (response.ok) return response.text();
         } catch {
           return context.markdown ?? "";
         }
-      }
       return context.markdown ?? "";
     }
-    if (action.copy === "page-link") return context.pageUrl;
-    if (action.copy === "markdown-link") return context.markdownUrl;
-    return action.copy ?? "";
-  };
-  const handleAction = async (action) => {
-    if (resolveValue(action.disabled, context)) return;
-    if (action.copy) {
-      const value = await copyValueForAction(action);
-      if (value) {
-        await copyText(value);
-        markCopied(action.id);
+    return action.copy === "page-link" ? context.pageUrl : action.copy === "markdown-link" ? context.markdownUrl : action.copy ?? "";
+  }, handleAction = async (action) => {
+    if (!resolveValue(action.disabled, context)) {
+      if (action.copy) {
+        let value = await copyValueForAction(action);
+        value && (await copyText(value), markCopied(action.id));
       }
+      await action.onSelect?.(context);
     }
-    await action.onSelect?.(context);
-  };
-  const iconForAction = (action) => {
-    const copied = copiedActionId === action.id;
-    if (action.copy === "page-markdown") {
-      return /* @__PURE__ */ jsx(
-        AnimatedIconSwap,
-        {
-          active: copied,
-          activeIcon: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }),
-          defaultIcon: action.icon ?? /* @__PURE__ */ jsx(Clipboard, { "aria-hidden": "true", className: "size-4" }),
-          size: 16
-        }
-      );
-    }
-    if (copied) return /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" });
-    return action.icon;
-  };
-  const renderPrimaryAction = () => {
-    const href = resolveValue(resolvedPrimaryAction.href, context);
-    const disabled = resolveValue(resolvedPrimaryAction.disabled, context);
-    const target = resolvedPrimaryAction.target ?? (resolvedPrimaryAction.openInNew ? "_blank" : void 0);
-    const rel = target === "_blank" ? mergeRel(resolvedPrimaryAction.rel) : void 0;
-    if (href && !resolvedPrimaryAction.copy && !resolvedPrimaryAction.onSelect) {
-      return /* @__PURE__ */ jsxs(
-        "a",
-        {
-          "aria-disabled": disabled ? "true" : void 0,
-          className: cn(
-            buttonVariants({
-              iconOnly: false,
-              size: buttonSize,
-              variant: buttonVariant
-            }),
-            disabled && "pointer-events-none opacity-50"
-          ),
-          "data-disabled": disabled ? "" : void 0,
-          href: disabled ? void 0 : href,
-          rel,
-          target,
-          children: [
-            iconForAction(resolvedPrimaryAction),
-            /* @__PURE__ */ jsx("span", { children: resolvedPrimaryAction.title })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
+  }, iconForAction = (action) => {
+    let copied = copiedActionId === action.id;
+    return action.copy === "page-markdown" ? /* @__PURE__ */ jsx(
+      AnimatedIconSwap,
+      {
+        active: copied,
+        activeIcon: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }),
+        defaultIcon: action.icon ?? /* @__PURE__ */ jsx(Clipboard, { "aria-hidden": "true", className: "size-4" }),
+        size: 16
+      }
+    ) : copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }) : action.icon;
+  }, renderPrimaryAction = () => {
+    let href = resolveValue(resolvedPrimaryAction.href, context), disabled = resolveValue(resolvedPrimaryAction.disabled, context), target = resolvedPrimaryAction.target ?? (resolvedPrimaryAction.openInNew ? "_blank" : void 0), rel = target === "_blank" ? mergeRel(resolvedPrimaryAction.rel) : void 0;
+    return href && !resolvedPrimaryAction.copy && !resolvedPrimaryAction.onSelect ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        "aria-disabled": disabled ? "true" : void 0,
+        className: cn(
+          buttonVariants({
+            iconOnly: !1,
+            size: buttonSize,
+            variant: buttonVariant
+          }),
+          disabled && "pointer-events-none opacity-50"
+        ),
+        "data-disabled": disabled ? "" : void 0,
+        href: disabled ? void 0 : href,
+        rel,
+        target,
+        children: [
+          iconForAction(resolvedPrimaryAction),
+          /* @__PURE__ */ jsx("span", { children: resolvedPrimaryAction.title })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx(
       Button,
       {
-        disabled: Boolean(disabled),
+        disabled: !!disabled,
         leftIcon: iconForAction(resolvedPrimaryAction),
         onClick: () => {
-          void handleAction(resolvedPrimaryAction);
+          handleAction(resolvedPrimaryAction);
         },
         size: buttonSize,
         variant: buttonVariant,
         children: resolvedPrimaryAction.title
       }
     );
-  };
-  const renderMenuAction = (action) => {
-    const href = resolveValue(action.href, context);
-    const disabled = resolveValue(action.disabled, context);
-    const icon = iconForAction(action);
-    const target = action.target ?? (action.openInNew ? "_blank" : void 0);
-    const rel = target === "_blank" ? mergeRel(action.rel) : void 0;
-    const label = action.title;
-    if (href && !action.copy && !action.onSelect && !disabled) {
-      return /* @__PURE__ */ jsxs(
-        MenuLinkItem,
-        {
-          closeOnClick: true,
-          href,
-          onClick: closeMenu,
-          rel,
-          target,
-          children: [
-            icon,
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
-          ]
-        },
-        action.id
-      );
-    }
-    return /* @__PURE__ */ jsxs(
+  }, renderMenuAction = (action) => {
+    let href = resolveValue(action.href, context), disabled = resolveValue(action.disabled, context), icon = iconForAction(action), target = action.target ?? (action.openInNew ? "_blank" : void 0), rel = target === "_blank" ? mergeRel(action.rel) : void 0, label = action.title;
+    return href && !action.copy && !action.onSelect && !disabled ? /* @__PURE__ */ jsxs(
+      MenuLinkItem,
+      {
+        closeOnClick: !0,
+        href,
+        onClick: closeMenu,
+        rel,
+        target,
+        children: [
+          icon,
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
+        ]
+      },
+      action.id
+    ) : /* @__PURE__ */ jsxs(
       MenuItem,
       {
-        disabled: Boolean(disabled),
+        disabled: !!disabled,
         onClick: () => {
-          void handleAction(action);
+          handleAction(action);
         },
         children: [
           icon,
@@ -394,7 +308,7 @@ function AgentActions({
           Menu,
           {
             actionsRef: menuActionsRef,
-            modal: false,
+            modal: !1,
             onOpenChange: setMenuOpenState,
             open: menuOpen,
             children: [
@@ -404,7 +318,7 @@ function AgentActions({
                   "aria-label": menuLabel,
                   className: cn(
                     buttonVariants({
-                      iconOnly: true,
+                      iconOnly: !0,
                       size: buttonSize,
                       variant: buttonVariant
                     }),

package/dist/kernel/components/blocks/animated-icon-swap.js

@@ -1,26 +1,5 @@
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/kernel/components/blocks/animated-icon-swap.tsx
+// src/components/ui/animated-icon-swap.tsx
+import { cn } from "@publish.os/nextjs/utils/cn";
 import { jsx, jsxs } from "react/jsx-runtime";
 var iconSlotClassName = "pointer-events-none absolute inset-0 flex items-center justify-center transition-[transform,opacity] duration-200 ease-out motion-reduce:scale-100 motion-reduce:transition-opacity motion-reduce:duration-100";
 function AnimatedIconSwap({
@@ -44,7 +23,7 @@ function AnimatedIconSwap({
         /* @__PURE__ */ jsx(
           "span",
           {
-            "aria-hidden": active ? true : void 0,
+            "aria-hidden": active ? !0 : void 0,
             className: cn(
               iconSlotClassName,
               active ? "scale-75 opacity-0" : "scale-100 opacity-100"
@@ -56,7 +35,7 @@ function AnimatedIconSwap({
         /* @__PURE__ */ jsx(
           "span",
           {
-            "aria-hidden": active ? void 0 : true,
+            "aria-hidden": active ? void 0 : !0,
             className: cn(
               iconSlotClassName,
               active ? "scale-100 opacity-100" : "scale-75 opacity-0"