@tangle-network/ui 11.10.0 → 11.11.1

package/dist/chunk-KFQGHD73.js

@@ -1,198 +0,0 @@
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "./chunk-34A66VBG.js";
-import {
-  Button
-} from "./chunk-42PAH5D2.js";
-import {
-  focusRing
-} from "./chunk-WKWBTL2V.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/auth/auth.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function GitHubIcon({ className }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-        }
-      )
-    }
-  );
-}
-function GitHubLoginButton({
-  authUrl = "/auth/github",
-  variant = "default",
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant,
-      className: cn("gap-2", className),
-      onClick: () => {
-        window.location.href = authUrl;
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(GitHubIcon, { className: "h-5 w-5" }),
-        children ?? "Sign in with GitHub"
-      ]
-    }
-  );
-}
-function UserMenu({
-  user,
-  logoutUrl = "/auth/logout",
-  links = [],
-  variant = "sandbox",
-  onLogout
-}) {
-  const initials = user.name ? user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) : user.email.slice(0, 2).toUpperCase();
-  const avatarGradient = {
-    sandbox: "bg-[image:var(--accent-gradient-strong)]"
-  }[variant];
-  const handleLogout = () => {
-    if (onLogout) {
-      onLogout();
-    }
-    window.location.href = logoutUrl;
-  };
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "flex items-center gap-2 rounded-lg p-1.5 transition-colors hover:bg-accent",
-          focusRing
-        ),
-        children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8", children: [
-            /* @__PURE__ */ jsx(AvatarImage, { src: void 0, alt: user.name ?? user.email }),
-            /* @__PURE__ */ jsx(
-              AvatarFallback,
-              {
-                className: cn(
-                  "text-white text-xs",
-                  avatarGradient
-                ),
-                children: initials
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "hidden text-left md:block", children: [
-            /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: user.name ?? user.email }),
-            user.tier && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-xs capitalize", children: [
-              user.tier,
-              " Plan"
-            ] })
-          ] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [
-      /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1", children: [
-        /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: user.name ?? "Account" }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: user.email })
-      ] }) }),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      links.map((link) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs("a", { href: link.href, className: "flex items-center gap-2", children: [
-        link.icon,
-        link.label
-      ] }) }, link.href)),
-      links.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx(
-        DropdownMenuItem,
-        {
-          onClick: handleLogout,
-          className: "text-[var(--surface-danger-text)] focus:text-[var(--surface-danger-text)]",
-          children: "Sign out"
-        }
-      )
-    ] })
-  ] });
-}
-function AuthHeader({
-  user,
-  loading = false,
-  variant = "sandbox",
-  apiBaseUrl = "",
-  menuLinks,
-  className
-}) {
-  if (loading) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-pulse rounded-full bg-muted" }),
-      /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" }) })
-    ] });
-  }
-  if (!user) {
-    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsx(
-      GitHubLoginButton,
-      {
-        authUrl: `${apiBaseUrl}/auth/github`,
-        variant,
-        size: "sm"
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(
-    UserMenu,
-    {
-      user,
-      variant,
-      logoutUrl: `${apiBaseUrl}/auth/logout`,
-      links: menuLinks
-    }
-  );
-}
-
-// src/auth/login-layout.tsx
-import { Terminal } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function LoginLayout({
-  title = "Welcome Back",
-  subtitle = "Sign in to your workspace.",
-  brandIcon,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx2("div", { className: cn("relative flex min-h-screen items-center justify-center bg-background overflow-hidden antialiased font-sans flex-col", className), children: /* @__PURE__ */ jsxs2("div", { className: "z-10 w-full max-w-md px-6 animate-in flex flex-col items-center", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "mb-10 text-center flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx2("div", { className: "inline-flex h-14 w-14 mb-4 items-center justify-center rounded-lg bg-muted border border-border", children: brandIcon || /* @__PURE__ */ jsx2(Terminal, { className: "h-7 w-7 text-foreground" }) }),
-      /* @__PURE__ */ jsx2("h1", { className: "text-2xl font-bold tracking-tight text-foreground font-display", children: title }),
-      /* @__PURE__ */ jsx2("p", { className: "mt-2 text-sm text-muted-foreground", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "w-full bg-card p-8 border border-border rounded-lg", children })
-  ] }) });
-}
-
-export {
-  GitHubLoginButton,
-  UserMenu,
-  AuthHeader,
-  LoginLayout
-};

package/dist/chunk-L57WRIND.js

@@ -1,59 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/text-shimmer.tsx
-import { useEffect, useLayoutEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-var CLASS_NAME = "tangle-text-shimmer";
-var STYLE_ID = "tangle-text-shimmer-styles";
-var SHIMMER_CSS = `
-@keyframes ${CLASS_NAME} {
-  from { -webkit-mask-position: 150% center; mask-position: 150% center; }
-  to { -webkit-mask-position: -50% center; mask-position: -50% center; }
-}
-.${CLASS_NAME} {
-  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0.72) 0%, #000 45%, rgba(0,0,0,0.72) 60%);
-  mask-image: linear-gradient(90deg, rgba(0,0,0,0.72) 0%, #000 45%, rgba(0,0,0,0.72) 60%);
-  -webkit-mask-size: 250% 100%;
-  mask-size: 250% 100%;
-  animation: ${CLASS_NAME} 1.4s linear infinite;
-}
-@media (prefers-reduced-motion: reduce) {
-  .${CLASS_NAME} {
-    animation: none;
-    -webkit-mask-image: none;
-    mask-image: none;
-    text-decoration: underline dotted currentColor;
-    text-underline-offset: 3px;
-  }
-}
-`;
-function ensureShimmerStyles() {
-  if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID)) return;
-  const style = document.createElement("style");
-  style.id = STYLE_ID;
-  style.textContent = SHIMMER_CSS;
-  document.head.appendChild(style);
-}
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-function TextShimmer({
-  children,
-  className,
-  durationMs = 1400
-}) {
-  useIsomorphicLayoutEffect(ensureShimmerStyles, []);
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(CLASS_NAME, "text-foreground", className),
-      style: { animationDuration: `${durationMs}ms` },
-      children
-    }
-  );
-}
-
-export {
-  TextShimmer
-};

package/dist/chunk-LTEKI7YJ.js

@@ -1,59 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/artifact-pane.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ArtifactPane({
-  eyebrow,
-  title,
-  subtitle,
-  meta,
-  headerActions,
-  tabs,
-  toolbar,
-  footer,
-  emptyState,
-  children,
-  className,
-  contentClassName,
-  headerClassName,
-  hideTitleBlock = false
-}) {
-  const hasContent = children !== void 0 && children !== null;
-  const showTitleRow = !hideTitleBlock || Boolean(headerActions);
-  const hasHeader = showTitleRow || Boolean(tabs) || Boolean(toolbar);
-  const toolbarNeedsDivider = showTitleRow || Boolean(tabs);
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: cn(
-        "flex h-full min-h-0 flex-col overflow-hidden bg-background text-foreground",
-        className
-      ),
-      children: [
-        hasHeader && /* @__PURE__ */ jsxs("header", { className: cn("border-b border-border bg-muted/10", headerClassName), children: [
-          showTitleRow && /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 px-3 py-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: !hideTitleBlock && /* @__PURE__ */ jsxs(Fragment, { children: [
-              eyebrow && /* @__PURE__ */ jsx("div", { className: "mb-1 inline-flex max-w-full items-center px-1 py-0.5 text-[10px] font-bold uppercase tracking-wider text-muted-foreground", children: eyebrow }),
-              /* @__PURE__ */ jsx("div", { className: "min-w-0 text-[13px] font-medium text-foreground", children: title }),
-              (subtitle || meta) && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs leading-relaxed text-muted-foreground", children: [
-                subtitle && /* @__PURE__ */ jsx("span", { className: "truncate", children: subtitle }),
-                meta && /* @__PURE__ */ jsx("span", { className: "flex items-center gap-2", children: meta })
-              ] })
-            ] }) }),
-            headerActions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: headerActions })
-          ] }),
-          tabs,
-          toolbar && /* @__PURE__ */ jsx("div", { className: cn("px-3 py-2", toolbarNeedsDivider && "border-t border-border"), children: toolbar })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("min-h-0 flex-1 overflow-auto", contentClassName), children: hasContent ? children : emptyState ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-6", children: emptyState }) : null }),
-        footer && /* @__PURE__ */ jsx("footer", { className: "shrink-0 border-t border-border bg-card px-3 py-2", children: footer })
-      ]
-    }
-  );
-}
-
-export {
-  ArtifactPane
-};

package/dist/chunk-M3QZK62R.js

@@ -1,233 +0,0 @@
-import {
-  focusRing
-} from "./chunk-WKWBTL2V.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/card.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Card = React.forwardRef(({ className, variant = "default", hover = false, ...props }, ref) => {
-  const variants = {
-    default: "bg-card border-border",
-    elevated: "bg-muted/50 border-border shadow-[var(--shadow-card)]",
-    glass: "bg-card/80 backdrop-blur-xl border-border shadow-[var(--shadow-card)]",
-    sandbox: "bg-muted/50 border-primary/20 shadow-[var(--shadow-accent)]"
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "rounded-[var(--radius-lg)] border text-card-foreground transition-[border-color,box-shadow]",
-        "duration-[var(--transition-default)]",
-        variants[variant],
-        hover && "cursor-pointer hover:border-[var(--border-strong)]",
-        className
-      ),
-      ...props
-    }
-  );
-});
-Card.displayName = "Card";
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1 p-4", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ref,
-    className: cn("text-muted-foreground text-sm", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-4 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-
-// src/primitives/badge.tsx
-import { cva } from "class-variance-authority";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var badgeVariants = cva(
-  `inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 font-medium text-xs transition-colors ${focusRing}`,
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground",
-        secondary: "border-transparent bg-secondary text-secondary-foreground",
-        destructive: "border-transparent bg-destructive/15 border-destructive/25 text-destructive",
-        outline: "text-foreground border-border",
-        success: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]",
-        warning: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
-        error: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]",
-        info: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]",
-        sandbox: "border-border bg-[var(--accent-surface-soft)] text-[var(--accent-text)]",
-        /* Operational status variants */
-        running: "border-[var(--surface-teal-border)] bg-[var(--surface-teal-bg)] text-[var(--surface-teal-text)]",
-        creating: "border-[var(--surface-violet-border)] bg-[var(--surface-violet-bg)] text-[var(--surface-violet-text)]",
-        stopped: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
-        warm: "border-[var(--surface-orange-border)] bg-[var(--surface-orange-bg)] text-[var(--surface-orange-text)]",
-        cold: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]",
-        deleted: "border-[var(--surface-neutral-border)] bg-[var(--surface-neutral-bg)] text-[var(--surface-neutral-text)]"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var statusDotClass = {
-  running: "status-dot status-dot-running",
-  creating: "status-dot status-dot-creating",
-  stopped: "status-dot status-dot-stopped",
-  warm: "status-dot status-dot-warm",
-  cold: "status-dot status-dot-cold",
-  error: "status-dot status-dot-error",
-  deleted: "status-dot status-dot-deleted"
-};
-function Badge({ className, variant, dot, children, ...props }) {
-  const dotClass = dot && variant ? statusDotClass[variant] : null;
-  return /* @__PURE__ */ jsxs("div", { className: cn(badgeVariants({ variant }), className), ...props, children: [
-    dotClass && /* @__PURE__ */ jsx2("span", { className: dotClass, "aria-hidden": true }),
-    children
-  ] });
-}
-
-// src/primitives/table.tsx
-import * as React2 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Table = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx3(
-  "table",
-  {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
-  }
-) }));
-Table.displayName = "Table";
-var TableHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-TableHeader.displayName = "TableHeader";
-var TableBody = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  "tbody",
-  {
-    ref,
-    className: cn("[&_tr:last-child]:border-0", className),
-    ...props
-  }
-));
-TableBody.displayName = "TableBody";
-var TableFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "border-t bg-card font-medium [&>tr]:last:border-b-0",
-      className
-    ),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-var TableRow = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-border border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted/50",
-      className
-    ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-var TableHead = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className
-    ),
-    ...props
-  }
-));
-TableHead.displayName = "TableHead";
-var TableCell = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  "td",
-  {
-    ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-    ...props
-  }
-));
-TableCell.displayName = "TableCell";
-var TableCaption = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  "caption",
-  {
-    ref,
-    className: cn("mt-4 text-muted-foreground text-sm", className),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
-
-// src/primitives/code-block.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function InlineCode({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx4(
-    "code",
-    {
-      className: cn(
-        "rounded border border-border bg-card px-1.5 py-0.5 font-mono text-[0.85em] text-[var(--code-keyword)]",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
-
-export {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
-  badgeVariants,
-  Badge,
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableRow,
-  TableHead,
-  TableCell,
-  TableCaption,
-  InlineCode
-};