@krak-stack/registry 0.1.2 → 0.1.4

package/README.md

@@ -11,9 +11,25 @@ Import only the subpaths used by the application:
 ```tsx
 import { DataTable } from "@krak-stack/registry/data-table";
 import { Pagination } from "@krak-stack/registry/pagination";
+import { AgentService } from "@krak-stack/registry/agent";
+import { AgentWidget, makeAgentAtoms } from "@krak-stack/registry/agent/client";
+import { makeAgentApiGroup } from "@krak-stack/registry/agent/schema";
+import { makeHttpApiAiToolkit } from "@krak-stack/registry/httpapi/ai";
+import { ApiClient } from "@krak-stack/registry/httpapi/client";
+import { HttpApiSpec } from "@krak-stack/registry/httpapi/helpers";
+import { createMdxDocsSource, makeDocs } from "@krak-stack/registry/docs";
+import { makeChatDocumentation } from "@krak-stack/registry/docs-ai";
+import { Query } from "@krak-stack/registry/query";
 import { NotificationService } from "@krak-stack/registry/service-notification";
 ```
 
+HTTP API client, schema, AI tool, CLI, and MCP utilities are available under
+the `@krak-stack/registry/httpapi/*` subpaths. Keep application-specific API
+layers, handlers, authentication, and client bindings in the application.
+
+Documentation consumers create their content source in the application so Vite
+can resolve the local `import.meta.glob`, then pass it to `makeDocs`.
+
 Add the package's Tailwind source to the application stylesheet:
 
 ```css
@@ -26,4 +42,4 @@ The same canonical sources remain available through shadcn:
 bunx shadcn@latest add @krak-stack/data-table
 ```
 
-Project-specific services, configuration, and agent scaffolding are available through shadcn only.
+Project-specific configuration and scaffolding remain available through shadcn.

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/components/ui/app-brand.js

@@ -1,6 +1,6 @@
 // ../../src/components/ui/app-brand.tsx
 import { Link } from "@tanstack/react-router";
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 function AppBrand({
   className,
   label,
@@ -15,63 +15,63 @@ function AppBrand({
   const iconClassName = variant === "sidebar" ? "bg-sidebar-primary" : "bg-primary";
   const iconColor = variant === "sidebar" ? "var(--sidebar-primary-foreground)" : "var(--primary-foreground)";
   const contentClassName = variant === "sidebar" ? "group-data-[collapsible=icon]:hidden" : undefined;
-  const content = /* @__PURE__ */ jsxDEV(Fragment, {
+  const content = /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsx("div", {
         className: [
           "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-md",
           imageSrc ? "border bg-background" : iconClassName
         ].join(" "),
-        children: imageSrc ? /* @__PURE__ */ jsxDEV("img", {
+        children: imageSrc ? /* @__PURE__ */ jsx("img", {
           src: imageSrc,
           alt: label,
           className: "size-full object-cover"
-        }, undefined, false, undefined, this) : Icon ? /* @__PURE__ */ jsxDEV(Icon, {
+        }) : Icon ? /* @__PURE__ */ jsx(Icon, {
           className: "size-4",
           color: iconColor
-        }, undefined, false, undefined, this) : null
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
+        }) : null
+      }),
+      /* @__PURE__ */ jsxs("div", {
         className: ["flex min-w-0 flex-col leading-tight", contentClassName].filter(Boolean).join(" "),
         children: [
-          /* @__PURE__ */ jsxDEV("span", {
+          /* @__PURE__ */ jsx("span", {
             className: "truncate font-semibold tracking-tight",
             children: label
-          }, undefined, false, undefined, this),
-          subtitle ? /* @__PURE__ */ jsxDEV("span", {
+          }),
+          subtitle ? /* @__PURE__ */ jsx("span", {
             className: "text-muted-foreground truncate text-xs",
             children: subtitle
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
   const brandClassName = [
     "flex min-w-0 items-center gap-2 text-foreground hover:text-foreground",
     variant === "sidebar" ? "p-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0" : "",
     className
   ].filter(Boolean).join(" ");
   if (to === null) {
-    return /* @__PURE__ */ jsxDEV("div", {
+    return /* @__PURE__ */ jsx("div", {
       className: brandClassName,
       ...props,
       children: content
-    }, undefined, false, undefined, this);
+    });
   }
   if (href) {
-    return /* @__PURE__ */ jsxDEV("a", {
+    return /* @__PURE__ */ jsx("a", {
       className: brandClassName,
       href,
       ...props,
       children: content
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV(Link, {
+  return /* @__PURE__ */ jsx(Link, {
     to: to ?? "/",
     className: brandClassName,
     ...props,
     children: content
-  }, undefined, false, undefined, this);
+  });
 }
 export {
   AppBrand

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const bubbleVariants: (props?: ({
+    variant?: "default" | "destructive" | "ghost" | "muted" | "outline" | "secondary" | "tinted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
+    align?: "start" | "end";
+}): React.JSX.Element;
+declare function BubbleContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function BubbleReactions({ side, align, className, ...props }: React.ComponentProps<"div"> & {
+    align?: "start" | "end";
+    side?: "top" | "bottom";
+}): React.JSX.Element;
+export { BubbleGroup, Bubble, BubbleContent, BubbleReactions };

package/dist/components/ui/code-block.js

@@ -10,7 +10,7 @@ function cn(...inputs) {
 }
 
 // ../../src/components/ui/button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
@@ -43,17 +43,17 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function CopyButton({
   value,
   valueDescription,
@@ -100,38 +100,38 @@ function CopyButton({
     resetCopyState();
   };
   const status = copyState === "copied" ? valueDescription ? `${labels.copied}: ${valueDescription}` : labels.copied : copyState === "failed" ? valueDescription ? `${labels.copyFailed}: ${valueDescription}` : labels.copyFailed : "";
-  return /* @__PURE__ */ jsxDEV2(Button, {
+  return /* @__PURE__ */ jsxs(Button, {
     "aria-label": accessibleLabel,
     disabled,
     onClick: copy,
     size: size ?? defaultSize,
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV2("span", {
+      /* @__PURE__ */ jsx2("span", {
         "aria-live": "polite",
         className: "sr-only",
         role: "status",
         children: status
-      }, undefined, false, undefined, this),
-      copyState === "copied" ? /* @__PURE__ */ jsxDEV2(Check, {
+      }),
+      copyState === "copied" ? /* @__PURE__ */ jsx2(Check, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      copyState === "failed" ? /* @__PURE__ */ jsxDEV2(TriangleAlert, {
+      }) : null,
+      copyState === "failed" ? /* @__PURE__ */ jsx2(TriangleAlert, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      copyState === "idle" ? /* @__PURE__ */ jsxDEV2(Copy, {
+      }) : null,
+      copyState === "idle" ? /* @__PURE__ */ jsx2(Copy, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      isLarge ? /* @__PURE__ */ jsxDEV2("span", {
+      }) : null,
+      isLarge ? /* @__PURE__ */ jsx2("span", {
         children: labels.copy
-      }, undefined, false, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // ../../src/components/ui/code-block.tsx
 import { Fragment, useEffect as useEffect2, useState as useState2 } from "react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var codeBodyClassName = "font-mono text-[0.875rem] leading-[1.625] break-all whitespace-pre-wrap [&_code]:block [&_code]:font-mono [&_code]:text-[inherit] [&_code]:leading-[inherit] [&_code]:whitespace-pre-wrap [&_span]:break-all";
 var getTokenStyle = (token) => {
   const style = {};
@@ -168,17 +168,17 @@ function CodeBlock({
       active = false;
     };
   }, [code, highlighter, language]);
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     className: "overflow-hidden rounded-md border",
     children: [
-      /* @__PURE__ */ jsxDEV3("div", {
+      /* @__PURE__ */ jsxs2("div", {
         className: "border-border/60 flex items-center justify-between border-b px-3 py-2",
         children: [
-          /* @__PURE__ */ jsxDEV3("span", {
+          /* @__PURE__ */ jsx3("span", {
             className: "text-muted-foreground font-mono text-xs",
             children: language.toLowerCase()
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3(CopyButton, {
+          }),
+          /* @__PURE__ */ jsx3(CopyButton, {
             value: code,
             valueDescription: `${language.toLowerCase()} code`,
             variant: "secondary",
@@ -187,37 +187,37 @@ function CodeBlock({
               ...messages?.copied === undefined ? {} : { copied: messages.copied },
               ...messages?.copyFailed === undefined ? {} : { copyFailed: messages.copyFailed }
             }
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsx3("div", {
         className: "bg-muted max-h-full overflow-auto p-3",
-        children: tokens ? /* @__PURE__ */ jsxDEV3("div", {
+        children: tokens ? /* @__PURE__ */ jsx3("div", {
           className: codeBodyClassName,
-          children: /* @__PURE__ */ jsxDEV3("code", {
+          children: /* @__PURE__ */ jsx3("code", {
             className: `language-${language}`,
-            children: tokens.map((line, lineIndex) => /* @__PURE__ */ jsxDEV3(Fragment, {
+            children: tokens.map((line, lineIndex) => /* @__PURE__ */ jsxs2(Fragment, {
               children: [
-                line.map((token) => /* @__PURE__ */ jsxDEV3("span", {
+                line.map((token) => /* @__PURE__ */ jsx3("span", {
                   className: "text-[var(--shiki-light)] dark:text-[var(--shiki-dark)]",
                   style: getTokenStyle(token),
                   children: token.content
-                }, token.offset, false, undefined, this)),
+                }, token.offset)),
                 lineIndex < tokens.length - 1 ? `
 ` : null
               ]
-            }, lineIndex, true, undefined, this))
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("div", {
+            }, lineIndex))
+          })
+        }) : /* @__PURE__ */ jsx3("div", {
           className: `max-w-full ${codeBodyClassName}`,
-          children: /* @__PURE__ */ jsxDEV3("code", {
+          children: /* @__PURE__ */ jsx3("code", {
             className: `language-${language}`,
             children: code
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+          })
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   CodeBlock

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

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import("react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import("react").JSX.Element;
+declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import("react").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/ui/copy-button.js

@@ -10,7 +10,7 @@ function cn(...inputs) {
 }
 
 // ../../src/components/ui/button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
@@ -43,17 +43,17 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/copy-button.tsx
 import { Check, Copy, TriangleAlert } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function CopyButton({
   value,
   valueDescription,
@@ -100,33 +100,33 @@ function CopyButton({
     resetCopyState();
   };
   const status = copyState === "copied" ? valueDescription ? `${labels.copied}: ${valueDescription}` : labels.copied : copyState === "failed" ? valueDescription ? `${labels.copyFailed}: ${valueDescription}` : labels.copyFailed : "";
-  return /* @__PURE__ */ jsxDEV2(Button, {
+  return /* @__PURE__ */ jsxs(Button, {
     "aria-label": accessibleLabel,
     disabled,
     onClick: copy,
     size: size ?? defaultSize,
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV2("span", {
+      /* @__PURE__ */ jsx2("span", {
         "aria-live": "polite",
         className: "sr-only",
         role: "status",
         children: status
-      }, undefined, false, undefined, this),
-      copyState === "copied" ? /* @__PURE__ */ jsxDEV2(Check, {
+      }),
+      copyState === "copied" ? /* @__PURE__ */ jsx2(Check, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      copyState === "failed" ? /* @__PURE__ */ jsxDEV2(TriangleAlert, {
+      }) : null,
+      copyState === "failed" ? /* @__PURE__ */ jsx2(TriangleAlert, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      copyState === "idle" ? /* @__PURE__ */ jsxDEV2(Copy, {
+      }) : null,
+      copyState === "idle" ? /* @__PURE__ */ jsx2(Copy, {
         "aria-hidden": "true"
-      }, undefined, false, undefined, this) : null,
-      isLarge ? /* @__PURE__ */ jsxDEV2("span", {
+      }) : null,
+      isLarge ? /* @__PURE__ */ jsx2("span", {
         children: labels.copy
-      }, undefined, false, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   CopyButton