@tangle-network/sandbox-ui 0.113.4 → 0.113.5

package/dist/chunk-ANSC5AFC.js

@@ -0,0 +1,314 @@
+import {
+  cn
+} from "./chunk-EI44GEQ5.js";
+
+// src/primitives/index.ts
+import {
+  ArtifactPane,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  badgeVariants,
+  Button,
+  buttonVariants,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CodeBlock,
+  CopyButton,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  DropZone,
+  EmptyState,
+  FilterField,
+  InlineCode,
+  Input,
+  Label,
+  Metric,
+  MetricStrip,
+  Progress,
+  SegmentedControl,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  SidebarDropZone,
+  Skeleton,
+  SkeletonCard,
+  SkeletonTable,
+  StatCard,
+  StatusPill,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TerminalCursor,
+  TerminalDisplay,
+  TerminalInput,
+  TerminalLine,
+  Textarea,
+  TextShimmer,
+  ThemeToggle,
+  ToastContainer,
+  ToastProvider,
+  Toolbar,
+  UploadProgress,
+  useTheme,
+  useToast
+} from "@tangle-network/ui/primitives";
+
+// src/primitives/logo.tsx
+import { Logo as BrandLogo } from "@tangle-network/brand";
+import { TangleKnot } from "@tangle-network/brand";
+import { jsx } from "react/jsx-runtime";
+function Logo({
+  variant = "sandbox",
+  size = "md",
+  className,
+  iconOnly = false
+}) {
+  return /* @__PURE__ */ jsx(
+    BrandLogo,
+    {
+      size,
+      variant: iconOnly ? "icon" : "full",
+      suffix: variant === "sandbox" ? "Sandbox" : null,
+      className
+    }
+  );
+}
+Logo.displayName = "Logo";
+
+// src/primitives/heading.tsx
+import {
+  forwardRef
+} from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var VARIANT_CLASS = {
+  display: "font-display font-bold text-foreground text-[length:var(--font-size-display,3rem)] leading-[var(--line-height-display,1.05)] tracking-[var(--tracking-tight,-0.02em)]",
+  hero: "font-display font-bold text-foreground text-[length:var(--font-size-hero,2.5rem)] leading-[1.1] tracking-[var(--tracking-tight,-0.02em)]",
+  page: "font-display font-semibold text-foreground text-[length:var(--font-size-3xl,1.875rem)] leading-[var(--line-height-heading,1.15)] tracking-[var(--tracking-tight,-0.02em)]",
+  section: "font-display font-semibold text-foreground text-[length:var(--font-size-xl,1.25rem)] leading-[1.3] tracking-[var(--tracking-snug,-0.01em)]",
+  subsection: "font-semibold text-foreground text-[length:var(--font-size-lg,1rem)] leading-[1.4]",
+  eyebrow: "font-semibold uppercase text-muted-foreground text-[length:var(--font-size-sm,0.75rem)] leading-none tracking-[var(--tracking-wide,0.08em)]"
+};
+var DEFAULT_TAG = {
+  display: "h1",
+  hero: "h2",
+  page: "h1",
+  section: "h2",
+  subsection: "h3",
+  eyebrow: "p"
+};
+var Heading = forwardRef(function Heading2({ role, as, className, children, ...rest }, ref) {
+  const Tag = as ?? DEFAULT_TAG[role];
+  return /* @__PURE__ */ jsx2(Tag, { ref, className: cn(VARIANT_CLASS[role], className), ...rest, children });
+});
+function PageHeader({
+  title,
+  description,
+  eyebrow,
+  action,
+  className,
+  titleAs
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          eyebrow ? /* @__PURE__ */ jsx2(Heading, { role: "eyebrow", children: eyebrow }) : null,
+          /* @__PURE__ */ jsx2(Heading, { role: "page", as: titleAs, children: title }),
+          description ? /* @__PURE__ */ jsx2("p", { className: "max-w-2xl text-[length:var(--font-size-base,0.9375rem)] text-muted-foreground leading-relaxed", children: description }) : null
+        ] }),
+        action ? /* @__PURE__ */ jsx2("div", { className: "flex shrink-0 items-center gap-2", children: action }) : null
+      ]
+    }
+  );
+}
+function SectionTitle({
+  title,
+  description,
+  action,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx2(Heading, { role: "section", children: title }),
+          description ? /* @__PURE__ */ jsx2("p", { className: "max-w-xl text-[length:var(--font-size-sm,0.75rem)] text-muted-foreground", children: description }) : null
+        ] }),
+        action ? /* @__PURE__ */ jsx2("div", { className: "shrink-0", children: action }) : null
+      ]
+    }
+  );
+}
+
+// src/primitives/page-shell.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function PageShell({ children, className }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: cn(
+        "mx-auto w-full max-w-6xl space-y-8 px-6 py-8 lg:px-8",
+        className
+      ),
+      children
+    }
+  );
+}
+
+export {
+  Logo,
+  TangleKnot,
+  Heading,
+  PageHeader,
+  SectionTitle,
+  PageShell,
+  ArtifactPane,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  badgeVariants,
+  Button,
+  buttonVariants,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CodeBlock,
+  CopyButton,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  DropZone,
+  EmptyState,
+  FilterField,
+  InlineCode,
+  Input,
+  Label,
+  Metric,
+  MetricStrip,
+  Progress,
+  SegmentedControl,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  SidebarDropZone,
+  Skeleton,
+  SkeletonCard,
+  SkeletonTable,
+  StatCard,
+  StatusPill,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TerminalCursor,
+  TerminalDisplay,
+  TerminalInput,
+  TerminalLine,
+  Textarea,
+  TextShimmer,
+  ThemeToggle,
+  ToastContainer,
+  ToastProvider,
+  Toolbar,
+  UploadProgress,
+  useTheme,
+  useToast
+};