@sampleapp.ai/sdk 1.0.29 → 1.0.30

package/dist/components/sandbox/guardian/types/ide-types.js

@@ -0,0 +1,162 @@
+// Types for IDE context compatibility
+export var Framework;
+(function (Framework) {
+    // DJANGO = "django",
+    Framework["FLASK"] = "flask";
+    Framework["EXPRESS"] = "express";
+    Framework["NEXTJS_YARN"] = "nextjsy";
+    Framework["VITE"] = "vite";
+    Framework["NEXTJS"] = "nextjs";
+    Framework["FASTAPI"] = "fastapi";
+    Framework["FASTMCP"] = "fastmcp";
+})(Framework || (Framework = {}));
+export const FrameworkLabel = {
+    [Framework.FLASK]: "Flask",
+    [Framework.VITE]: "Vite",
+    [Framework.NEXTJS]: "Next.js",
+    [Framework.NEXTJS_YARN]: "Next.js (Yarn)",
+    [Framework.EXPRESS]: "Express",
+    [Framework.FASTAPI]: "FastAPI",
+    [Framework.FASTMCP]: "FastMCP",
+};
+export var CodeLanguage;
+(function (CodeLanguage) {
+    // Web/Frontend Languages
+    CodeLanguage["JAVASCRIPT"] = "javascript";
+    CodeLanguage["TYPESCRIPT"] = "typescript";
+    CodeLanguage["HTML"] = "html";
+    CodeLanguage["CSS"] = "css";
+    CodeLanguage["SCSS"] = "scss";
+    CodeLanguage["MARKDOWN"] = "markdown";
+    CodeLanguage["TOML"] = "toml";
+    CodeLanguage["C"] = "c";
+    CodeLanguage["DOCKERFILE"] = "dockerfile";
+    // Backend Languages
+    CodeLanguage["PYTHON"] = "python";
+    CodeLanguage["JAVA"] = "java";
+    CodeLanguage["CSHARP"] = "csharp";
+    CodeLanguage["CPP"] = "cpp";
+    CodeLanguage["RUBY"] = "ruby";
+    CodeLanguage["GO"] = "go";
+    CodeLanguage["RUST"] = "rust";
+    CodeLanguage["SWIFT"] = "swift";
+    CodeLanguage["KOTLIN"] = "kotlin";
+    CodeLanguage["PHP"] = "php";
+    // System/Shell Languages
+    CodeLanguage["BASH"] = "bash";
+    CodeLanguage["POWERSHELL"] = "powershell";
+    // Database Languages
+    CodeLanguage["SQL"] = "sql";
+    CodeLanguage["PLSQL"] = "plsql";
+    // Markup/Config Languages
+    CodeLanguage["XML"] = "xml";
+    CodeLanguage["YAML"] = "yaml";
+    // Other Languages
+    CodeLanguage["R"] = "r";
+    CodeLanguage["SCALA"] = "scala";
+    CodeLanguage["PERL"] = "perl";
+    CodeLanguage["HASKELL"] = "haskell";
+    CodeLanguage["MATLAB"] = "matlab";
+    CodeLanguage["ASSEMBLY"] = "assembly";
+    CodeLanguage["DART"] = "dart";
+    CodeLanguage["ELIXIR"] = "elixir";
+    CodeLanguage["LUA"] = "lua";
+    CodeLanguage["OBJECTIVEC"] = "objectivec";
+    CodeLanguage["TEXT"] = "text";
+    CodeLanguage["JSON"] = "json";
+})(CodeLanguage || (CodeLanguage = {}));
+// Map file extensions to CodeLanguage enum
+export function filePathToCodeLanguage(filePath) {
+    var _a;
+    const ext = (_a = filePath.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    if (!ext) {
+        return CodeLanguage.TEXT;
+    }
+    switch (ext.replace(/^\./, "").toLowerCase()) {
+        case "js":
+        case "jsx":
+            return CodeLanguage.JAVASCRIPT;
+        case "ts":
+        case "tsx":
+            return CodeLanguage.TYPESCRIPT;
+        case "html":
+            return CodeLanguage.HTML;
+        case "css":
+            return CodeLanguage.CSS;
+        case "scss":
+        case "sass":
+            return CodeLanguage.SCSS;
+        case "py":
+            return CodeLanguage.PYTHON;
+        case "java":
+            return CodeLanguage.JAVA;
+        case "cs":
+            return CodeLanguage.CSHARP;
+        case "cpp":
+        case "cc":
+        case "cxx":
+            return CodeLanguage.CPP;
+        case "c":
+            return CodeLanguage.C;
+        case "rb":
+            return CodeLanguage.RUBY;
+        case "go":
+            return CodeLanguage.GO;
+        case "rs":
+            return CodeLanguage.RUST;
+        case "swift":
+            return CodeLanguage.SWIFT;
+        case "kt":
+            return CodeLanguage.KOTLIN;
+        case "php":
+            return CodeLanguage.PHP;
+        case "sh":
+        case "bash":
+            return CodeLanguage.BASH;
+        case "ps1":
+            return CodeLanguage.POWERSHELL;
+        case "sql":
+            return CodeLanguage.SQL;
+        case "plsql":
+            return CodeLanguage.PLSQL;
+        case "xml":
+            return CodeLanguage.XML;
+        case "yaml":
+        case "yml":
+            return CodeLanguage.YAML;
+        case "r":
+            return CodeLanguage.R;
+        case "scala":
+            return CodeLanguage.SCALA;
+        case "pl":
+            return CodeLanguage.PERL;
+        case "hs":
+            return CodeLanguage.HASKELL;
+        case "m":
+            return CodeLanguage.MATLAB;
+        case "s":
+        case "asm":
+            return CodeLanguage.ASSEMBLY;
+        case "dart":
+            return CodeLanguage.DART;
+        case "ex":
+        case "exs":
+            return CodeLanguage.ELIXIR;
+        case "lua":
+            return CodeLanguage.LUA;
+        case "m":
+        case "mm":
+            return CodeLanguage.OBJECTIVEC;
+        case "md":
+        case "markdown":
+            return CodeLanguage.MARKDOWN;
+        case "json":
+            return CodeLanguage.JSON;
+        case "toml":
+            return CodeLanguage.TOML;
+        case "dockerfile":
+            return CodeLanguage.DOCKERFILE;
+        default:
+            return CodeLanguage.TEXT;
+    }
+}

package/dist/components/sandbox/guardian/types.js

@@ -0,0 +1,3 @@
+import { Framework, FrameworkLabel, } from "./types/ide-types";
+// Re-export Framework and FrameworkLabel for convenience
+export { Framework, FrameworkLabel };

package/dist/components/sandbox/guardian/ui/ai-loader.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+export const Component = ({ size = 180, text = "Generating", fullScreen = true, }) => {
+    const letters = text.split("");
+    return (React.createElement("div", { className: [
+            "flex items-center justify-center bg-gradient-to-b from-gray-100 via-gray-200 to-gray-300 dark:from-[#1a3379] dark:via-[#0f172a] dark:to-black",
+            fullScreen ? "fixed inset-0 z-50" : "w-full h-full",
+        ].join(" ") },
+        React.createElement("div", { className: "relative flex items-center justify-center font-inter select-none", style: { width: size, height: size } },
+            letters.map((letter, index) => {
+                // Preserve visual spacing for spaces by using a non‑breaking space
+                const displayChar = letter === " " ? "\u00A0" : letter;
+                return (React.createElement("span", { key: `${letter}-${index}`, className: "inline-block text-gray-800 dark:text-white opacity-40 animate-loaderLetter", style: { animationDelay: `${index * 0.1}s` } }, displayChar));
+            }),
+            React.createElement("div", { className: "absolute inset-0 rounded-full animate-loaderCircle" })),
+        React.createElement("style", null, `
+        @keyframes loaderCircle {
+          0% {
+            transform: rotate(90deg);
+            box-shadow: 0 6px 12px 0 #4b5563 inset, 0 12px 18px 0 #6b7280 inset,
+              0 36px 36px 0 #9ca3af inset,
+              0 0 3px 1.2px rgba(107, 114, 128, 0.3),
+              0 0 0 0 rgba(107, 114, 128, 0.3);
+          }
+          100% {
+            transform: rotate(450deg);
+            box-shadow: 0 6px 12px 0 #4b5563 inset, 0 12px 18px 0 #6b7280 inset,
+              0 36px 36px 0 #9ca3af inset,
+              0 0 3px 1.2px rgba(107, 114, 128, 0.3),
+              0 0 0 0 rgba(107, 114, 128, 0.3);
+          }
+        }
+        @keyframes loaderLetter {
+          0%,
+          100% {
+            opacity: 0.4;
+          }
+          50% {
+            opacity: 1;
+          }
+        }
+        .animate-loaderCircle {
+          animation: loaderCircle 2s linear infinite;
+        }
+        .animate-loaderLetter {
+          animation: loaderLetter 1.5s ease-in-out infinite;
+        }
+      `)));
+};

package/dist/components/sandbox/guardian/ui/badge.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import { cn } from "../../../../lib/utils";
+function Badge(_a) {
+    var { className, variant = "default" } = _a, props = __rest(_a, ["className", "variant"]);
+    const variantStyles = {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground",
+    };
+    return (React.createElement("div", Object.assign({ className: cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variantStyles[variant], className) }, props)));
+}
+export { Badge };

package/dist/components/sandbox/guardian/ui/button.js

@@ -0,0 +1,45 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-5 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+            outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/70",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+            ghostOutline: "border border-secondary shadow-sm hover:bg-accent hover:text-accent-foreground text-muted-foreground hover:text-foreground",
+        },
+        size: {
+            default: "h-9 px-4 py-2",
+            sm: "h-8 rounded-md px-3 text-xs",
+            lg: "h-10 rounded-md px-8",
+            icon: "h-8 w-8",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const Button = React.forwardRef((_a, ref) => {
+    var { className, variant, size, asChild = false } = _a, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    const Comp = asChild ? Slot : "button";
+    return (React.createElement(Comp, Object.assign({ className: cn(buttonVariants({ variant, size, className })), ref: ref }, props)));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

package/dist/components/sandbox/guardian/ui/command.js

@@ -0,0 +1,63 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import { cn } from "../../../../lib/utils";
+import { Dialog, DialogContent } from "./dialog";
+const Command = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive, Object.assign({ ref: ref, className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className) }, props)));
+});
+Command.displayName = CommandPrimitive.displayName;
+const CommandDialog = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (React.createElement(Dialog, Object.assign({}, props),
+        React.createElement(DialogContent, { className: "overflow-hidden p-0" },
+            React.createElement(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, children))));
+};
+const CommandInput = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "" },
+        React.createElement(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+        React.createElement(CommandPrimitive.Input, Object.assign({ ref: ref, className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className) }, props))));
+});
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+const CommandList = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive.List, Object.assign({ ref: ref, className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className) }, props)));
+});
+CommandList.displayName = CommandPrimitive.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (React.createElement(CommandPrimitive.Empty, Object.assign({ ref: ref, className: "py-6 text-center text-sm" }, props))));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+const CommandGroup = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive.Group, Object.assign({ ref: ref, className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className) }, props)));
+});
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+const CommandSeparator = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive.Separator, Object.assign({ ref: ref, className: cn("-mx-1 h-px bg-border", className) }, props)));
+});
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+const CommandItem = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive.Item, Object.assign({ ref: ref, className: cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className) }, props)));
+});
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+const CommandShortcut = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("span", Object.assign({ className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className) }, props)));
+};
+CommandShortcut.displayName = "CommandShortcut";
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/sandbox/guardian/ui/console-with-app.js

@@ -0,0 +1,17 @@
+"use client";
+import React from "react";
+import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
+import { cn } from "../../../../lib/utils";
+export default function ConsoleWithApp({ containerClassName, console, app, }) {
+    return (React.createElement("div", { className: cn("w-full h-full max-w-full max-h-full min-h-0 min-w-0 overflow-hidden", containerClassName) },
+        React.createElement(PanelGroup, { direction: "horizontal", className: "w-full h-full" },
+            React.createElement(Panel, { defaultSize: 37, minSize: 20, order: 1 },
+                React.createElement("div", { className: "h-full w-full" },
+                    React.createElement("div", { className: "flex-1 flex flex-col min-h-0 h-full" }, console))),
+            React.createElement(PanelResizeHandle, { className: "w-0 relative group flex-shrink-0" },
+                React.createElement("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-2 -ml-0.5 group-hover:bg-blue-400/20 transition-colors flex justify-center items-center" },
+                    React.createElement("div", { className: "h-full w-px bg-border group-hover:bg-blue-400 transition-colors" }))),
+            React.createElement(Panel, { defaultSize: 63, minSize: 40, order: 2 },
+                React.createElement("div", { className: "h-full w-full" },
+                    React.createElement("div", { className: "flex-1 flex flex-col min-h-0 h-full" }, app))))));
+}

package/dist/components/sandbox/guardian/ui/dialog.js

@@ -0,0 +1,57 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { cn } from "../../../../lib/utils";
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(DialogPrimitive.Overlay, Object.assign({ ref: ref, className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className) }, props)));
+});
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef((_a, ref) => {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(DialogPortal, null,
+        React.createElement(DialogOverlay, null),
+        React.createElement(DialogPrimitive.Content, Object.assign({ ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className) }, props),
+            children,
+            React.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" },
+                React.createElement(X, { className: "h-4 w-4" }),
+                React.createElement("span", { className: "sr-only" }, "Close")))));
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({ className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className) }, props)));
+};
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({ className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className) }, props)));
+};
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(DialogPrimitive.Title, Object.assign({ ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className) }, props)));
+});
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(DialogPrimitive.Description, Object.assign({ ref: ref, className: cn("text-sm text-muted-foreground", className) }, props)));
+});
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/components/sandbox/guardian/ui/dropdown-menu.js

@@ -0,0 +1,82 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cn } from "../../../../lib/utils";
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef((_a, ref) => {
+    var { className, inset, children, hideChevron } = _a, props = __rest(_a, ["className", "inset", "children", "hideChevron"]);
+    return (React.createElement(DropdownMenuPrimitive.SubTrigger, Object.assign({ ref: ref, className: cn("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className) }, props),
+        children,
+        !hideChevron && React.createElement(ChevronRight, { className: "ml-auto" })));
+});
+DropdownMenuSubTrigger.displayName =
+    DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.SubContent, Object.assign({ ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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", className) }, props)));
+});
+DropdownMenuSubContent.displayName =
+    DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef((_a, ref) => {
+    var { className, sideOffset = 4 } = _a, props = __rest(_a, ["className", "sideOffset"]);
+    return (React.createElement(DropdownMenuPrimitive.Portal, null,
+        React.createElement(DropdownMenuPrimitive.Content, Object.assign({ ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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", className) }, props))));
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef((_a, ref) => {
+    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
+    return (React.createElement(DropdownMenuPrimitive.Item, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className) }, props)));
+});
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef((_a, ref) => {
+    var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
+    return (React.createElement(DropdownMenuPrimitive.CheckboxItem, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked }, props),
+        React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
+            React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
+                React.createElement(Check, { className: "h-4 w-4" }))),
+        children));
+});
+DropdownMenuCheckboxItem.displayName =
+    DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef((_a, ref) => {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(DropdownMenuPrimitive.RadioItem, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, props),
+        React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
+            React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
+                React.createElement(Circle, { className: "h-2 w-2 fill-current" }))),
+        children));
+});
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef((_a, ref) => {
+    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
+    return (React.createElement(DropdownMenuPrimitive.Label, Object.assign({ ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className) }, props)));
+});
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.Separator, Object.assign({ ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className) }, props)));
+});
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("span", Object.assign({ className: cn("ml-auto text-xs tracking-widest opacity-60", className) }, props)));
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/components/sandbox/guardian/ui/markdown/accordion-group/accordion.js

@@ -0,0 +1,62 @@
+import React, { useState } from "react";
+import { cn } from "../../../../../../lib/utils";
+import { ChevronRight } from "lucide-react";
+import * as LucideIcons from "lucide-react";
+import { Markdown } from "../../markdown";
+export const Accordion = ({ title, children, icon, defaultOpen = false, className, inGroup = false, }) => {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const IconComponent = icon
+        ? LucideIcons[icon]
+        : null;
+    const processNode = (node) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        // Handle string nodes (like whitespace and text)
+        if (typeof node === "string") {
+            return node;
+        }
+        // Handle arrays (like the root structure)
+        if (Array.isArray(node)) {
+            return node.map((item) => processNode(item)).join("");
+        }
+        // Handle React elements and objects
+        if (React.isValidElement(node) || (node && typeof node === "object")) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const element = node; // Type assertion for accessing properties
+            // Handle pre elements
+            if (element.type === "pre") {
+                const preChildren = (_a = element.props) === null || _a === void 0 ? void 0 : _a.children;
+                // Handle the nested code structure
+                if ((_b = preChildren === null || preChildren === void 0 ? void 0 : preChildren.props) === null || _b === void 0 ? void 0 : _b.children) {
+                    return preChildren.props.children;
+                }
+                // Handle direct code content
+                if ((_f = (_e = (_d = (_c = preChildren === null || preChildren === void 0 ? void 0 : preChildren.props) === null || _c === void 0 ? void 0 : _c.node) === null || _d === void 0 ? void 0 : _d.children) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.value) {
+                    return preChildren.props.node.children[0].value;
+                }
+            }
+            // Recursively process children
+            if ((_g = element.props) === null || _g === void 0 ? void 0 : _g.children) {
+                return processNode(element.props.children);
+            }
+        }
+        return "";
+    };
+    const markdownContent = processNode(children).trim();
+    return (React.createElement("div", { className: cn(inGroup
+            ? "border-b border-zinc-200 last:border-0 dark:border-zinc-800"
+            : "rounded-lg border border-zinc-200 dark:border-zinc-800", className) },
+        React.createElement("button", { onClick: () => setIsOpen(!isOpen), className: cn("flex w-full items-center justify-between px-4 py-3", inGroup
+                ? "hover:bg-zinc-100 dark:hover:bg-zinc-800/70"
+                : "rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800/70", "bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-[#0066FF] dark:focus-visible:ring-[#66A3FF]", isOpen && "bg-zinc-100 dark:bg-zinc-800") },
+            React.createElement("div", { className: "flex items-center gap-2" },
+                React.createElement(ChevronRight, { className: cn("h-4 w-4 transition-transform duration-200", isOpen
+                        ? "rotate-90 text-[#0066FF] dark:text-[#66A3FF]"
+                        : "text-zinc-500 dark:text-zinc-400") }),
+                IconComponent && (React.createElement(IconComponent, { className: "h-4 w-4 flex-shrink-0 text-[#0066FF] dark:text-[#66A3FF]" })),
+                React.createElement("span", { className: cn("text-sm font-medium", isOpen
+                        ? "text-[#0066FF] dark:text-[#66A3FF]"
+                        : "text-zinc-700 dark:text-zinc-200") }, title))),
+        React.createElement("div", { className: cn("overflow-hidden transition-all duration-200", isOpen ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0") },
+            React.createElement("div", { className: "px-4 py-3 text-sm text-zinc-600 dark:text-zinc-300 bg-transparent" },
+                React.createElement(Markdown, null, markdownContent)))));
+};

package/dist/components/sandbox/guardian/ui/markdown/accordion-group.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { cn } from "../../../../../lib/utils";
+export const AccordionGroup = ({ children, className, }) => {
+    // More strict version with type checking
+    const childrenWithProps = React.Children.map(children, (child) => {
+        if (!React.isValidElement(child)) {
+            return null;
+        }
+        // Type guard to check if the child has the expected props
+        const hasRequiredProps = (element) => {
+            return "children" in element.props;
+        };
+        if (!hasRequiredProps(child)) {
+            return null;
+        }
+        if (typeof child.props.children === "string" &&
+            !child.props.children.trim()) {
+            return null;
+        }
+        return React.cloneElement(child, Object.assign(Object.assign({}, child.props), { inGroup: true }));
+    });
+    return (React.createElement("div", { className: cn("rounded-lg border border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-950", className) }, childrenWithProps));
+};

package/dist/components/sandbox/guardian/ui/markdown/callout/callout-check.js

@@ -0,0 +1,4 @@
+import { Callout } from "./shared/callout";
+import { CheckCircle2 } from "lucide-react";
+import React from "react";
+export const CalloutCheck = ({ children }) => (React.createElement(Callout, { className: "border-emerald-200 bg-emerald-100 text-emerald-900 dark:border-emerald-800/30 dark:bg-emerald-900/30 dark:text-emerald-200", icon: React.createElement(CheckCircle2, { className: "h-5 w-5 text-emerald-500 dark:text-emerald-400" }) }, children));

package/dist/components/sandbox/guardian/ui/markdown/callout/callout-error.js

@@ -0,0 +1,4 @@
+import { Callout } from "./shared/callout";
+import { AlertTriangle } from "lucide-react";
+import React from "react";
+export const CalloutError = ({ children }) => (React.createElement(Callout, { className: "border-red-200 bg-red-100 text-red-900 dark:border-red-800/30 dark:bg-red-900/30 dark:text-red-200", icon: React.createElement(AlertTriangle, { className: "h-5 w-5 text-red-500 dark:text-red-400" }) }, children));

package/dist/components/sandbox/guardian/ui/markdown/callout/callout-info.js

@@ -0,0 +1,4 @@
+import { Callout } from "./shared/callout";
+import { Info } from "lucide-react";
+import React from "react";
+export const CalloutInfo = ({ children }) => (React.createElement(Callout, { className: "border-blue-200 bg-blue-100 text-blue-900 dark:border-blue-800/30 dark:bg-blue-900/30 dark:text-blue-200", icon: React.createElement(Info, { className: "h-5 w-5 text-blue-500 dark:text-blue-400" }) }, children));

package/dist/components/sandbox/guardian/ui/markdown/callout/callout-note.js

@@ -0,0 +1,4 @@
+import { Callout } from "./shared/callout";
+import { AlertCircle } from "lucide-react";
+import React from "react";
+export const CalloutNote = ({ children }) => (React.createElement(Callout, { className: "border-neutral-200 bg-neutral-100 text-neutral-900 dark:border-neutral-800 dark:bg-neutral-900/40 dark:text-neutral-200", icon: React.createElement(AlertCircle, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" }) }, children));

package/dist/components/sandbox/guardian/ui/markdown/callout/callout-tip.js

@@ -0,0 +1,4 @@
+import { Callout } from "./shared/callout";
+import { Star } from "lucide-react";
+import React from "react";
+export const CalloutTip = ({ children }) => (React.createElement(Callout, { className: "border-emerald-200 bg-emerald-100 text-emerald-900 dark:border-emerald-800/30 dark:bg-emerald-900/30 dark:text-emerald-200", icon: React.createElement(Star, { className: "h-5 w-5 text-emerald-500 dark:text-emerald-400" }) }, children));

package/dist/components/sandbox/guardian/ui/markdown/callout/callout-warning.js

@@ -0,0 +1,4 @@
+import { Callout } from "./shared/callout";
+import { AlertTriangle } from "lucide-react";
+import React from "react";
+export const CalloutWarning = ({ children }) => (React.createElement(Callout, { className: "border-amber-200 bg-amber-100 text-amber-900 dark:border-amber-800/30 dark:bg-amber-900/30 dark:text-amber-200", icon: React.createElement(AlertTriangle, { className: "h-5 w-5 text-amber-500 dark:text-amber-400" }) }, children));