@togo-framework/ui 0.1.9 → 0.1.11

package/dist/index.js

@@ -29,7 +29,6 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-  Button,
   Calendar,
   Card,
   CardContent,
@@ -98,21 +97,6 @@ import {
   DrawerPortal,
   DrawerTitle,
   DrawerTrigger,
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
   Form,
   FormControl,
   FormDescription,
@@ -242,20 +226,18 @@ import {
   TooltipProvider,
   TooltipTrigger,
   badgeVariants,
-  buttonVariants,
-  cn,
-  formatRelativeTime,
   navigationMenuTriggerStyle,
   toast,
   toggleVariants,
   useFormField,
   useOptionalSidebar,
   useSidebar
-} from "./chunk-XXP2ZYPY.js";
+} from "./chunk-YYV7ECKZ.js";
 import {
   BrandingProvider,
   SENTRA_BRAND,
   STORAGE_KEY,
+  ThemePicker,
   ThemeProvider,
   applyBrand,
   hexToHSL,
@@ -268,7 +250,28 @@ import {
   toHSLSafe,
   useBrand,
   useTheme
-} from "./chunk-KD4MPGYQ.js";
+} from "./chunk-7B6OKTGY.js";
+import {
+  Button,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  buttonVariants,
+  cn,
+  formatRelativeTime
+} from "./chunk-NRF3KNQX.js";
 
 // src/components/status/EmptyState.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -16039,66 +16042,68 @@ function MarketplaceCard({
   const tint = color || categoryColor || "#2D8CE6";
   const shown = (providers || []).slice(0, 5);
   const extra = (providers || []).length - shown.length;
-  return /* @__PURE__ */ jsx99("a", { href, className: cn("group block h-full", className), children: /* @__PURE__ */ jsxs87("div", { className: "rounded-2xl border border-border bg-card/40 overflow-hidden h-full flex flex-col transition-all duration-200 hover:border-foreground/25 hover:-translate-y-0.5", children: [
-    /* @__PURE__ */ jsxs87(
-      "div",
-      {
-        className: "relative h-28 flex items-center justify-center overflow-hidden",
-        style: { background: `radial-gradient(120% 140% at 0% 0%, ${tint}55, transparent 62%), linear-gradient(135deg, ${tint}26, #0b1016)` },
-        children: [
-          /* @__PURE__ */ jsx99("div", { className: "absolute inset-0 opacity-[0.14]", style: { backgroundImage: "radial-gradient(circle at 1px 1px, #fff 1px, transparent 0)", backgroundSize: "16px 16px" } }),
-          (Icon || brandIcon) && /* @__PURE__ */ jsx99("div", { className: "relative grid place-items-center w-14 h-14 rounded-2xl bg-black/20 ring-1 ring-white/20 transition-transform duration-300 group-hover:scale-105", children: /* @__PURE__ */ jsx99(Glyph2, { icon: Icon, brand: brandIcon }) }),
-          typeof providers !== "undefined" && providers.length > 0 && /* @__PURE__ */ jsxs87("span", { className: "absolute top-3 start-3 text-[10px] font-mono px-2 py-0.5 rounded-full bg-black/30 text-white/80 ring-1 ring-white/20", children: [
+  return /* @__PURE__ */ jsx99("a", { href, className: cn("group block h-full", className), children: /* @__PURE__ */ jsxs87("div", { className: "rounded-2xl border border-border bg-card p-5 h-full flex flex-col transition-all duration-200 hover:border-foreground/30 hover:shadow-md", children: [
+    /* @__PURE__ */ jsxs87("div", { className: "flex items-start gap-3.5", children: [
+      (Icon || brandIcon) && /* @__PURE__ */ jsx99(
+        "div",
+        {
+          className: "grid place-items-center w-11 h-11 rounded-xl shrink-0 shadow-sm transition-transform duration-200 group-hover:scale-[1.04]",
+          style: { background: `linear-gradient(140deg, ${tint}, ${tint}cc)` },
+          children: /* @__PURE__ */ jsx99(Glyph2, { icon: Icon, brand: brandIcon, size: 21 })
+        }
+      ),
+      /* @__PURE__ */ jsxs87("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx99("h3", { style: DISPLAY3, className: "text-[15px] font-bold truncate", children: name }),
+          enabled && /* @__PURE__ */ jsx99("span", { className: "shrink-0 text-[10px] font-mono px-1.5 py-0.5 rounded-full bg-emerald-500/10 text-emerald-400", children: "enabled" })
+        ] }),
+        /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-1.5 mt-1 text-[10px] font-mono uppercase tracking-wider text-muted-foreground", children: [
+          category && /* @__PURE__ */ jsx99("span", { children: category }),
+          typeof providers !== "undefined" && providers.length > 0 && /* @__PURE__ */ jsxs87("span", { className: "text-muted-foreground/60", children: [
+            "\xB7 ",
             providers.length,
             " providers"
-          ] }),
-          enabled && /* @__PURE__ */ jsx99("span", { className: "absolute top-3 end-3 text-[10px] font-mono px-2 py-0.5 rounded-full bg-black/30 text-emerald-300 ring-1 ring-emerald-400/30", children: "enabled" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs87("div", { className: "p-5 flex flex-col flex-1", children: [
-      /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx99("h3", { style: DISPLAY3, className: "text-[15px] font-bold truncate", children: name }),
-        category && /* @__PURE__ */ jsx99("span", { className: "ms-auto shrink-0 text-[10px] font-mono uppercase tracking-wider px-2 py-0.5 rounded-full border border-border text-muted-foreground", children: category })
-      ] }),
-      /* @__PURE__ */ jsx99("p", { className: "text-[13px] text-muted-foreground mt-1.5 line-clamp-2 flex-1", children: description || "A togo-framework plugin." }),
-      shown.length > 0 && /* @__PURE__ */ jsxs87("div", { className: "mt-3 flex flex-wrap gap-1.5", children: [
-        shown.map((p) => /* @__PURE__ */ jsxs87(
-          "span",
-          {
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              window.location.href = p.href;
-            },
-            className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-background/40 ps-1.5 pe-2.5 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:border-foreground/25 transition-colors cursor-pointer",
-            children: [
-              /* @__PURE__ */ jsx99("span", { className: "grid place-items-center w-4 h-4 rounded-full", style: { background: `${p.color || tint}26` }, children: /* @__PURE__ */ jsx99(Glyph2, { icon: p.icon, brand: p.brand, size: 10 }) }),
-              p.name
-            ]
-          },
-          p.href
-        )),
-        extra > 0 && /* @__PURE__ */ jsxs87("span", { className: "inline-flex items-center rounded-full border border-border px-2.5 py-1 text-[11px] text-muted-foreground", children: [
-          "+",
-          extra
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-3 mt-3 text-[11px] text-muted-foreground font-mono", children: [
-        author && /* @__PURE__ */ jsx99("span", { className: "truncate", children: author }),
-        /* @__PURE__ */ jsxs87("span", { className: "ms-auto flex items-center gap-3 shrink-0", children: [
-          typeof stars === "number" && stars > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx99(Star2, { size: 11 }),
-            " ",
-            stars
-          ] }),
-          typeof downloads === "number" && downloads > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx99(Download2, { size: 11 }),
-            " ",
-            downloads
           ] })
         ] })
       ] })
+    ] }),
+    /* @__PURE__ */ jsx99("p", { className: "text-[13px] text-muted-foreground mt-3.5 line-clamp-2 flex-1", children: description || "A togo-framework plugin." }),
+    shown.length > 0 && /* @__PURE__ */ jsxs87("div", { className: "mt-3.5 flex flex-wrap gap-1.5", children: [
+      shown.map((p) => /* @__PURE__ */ jsxs87(
+        "span",
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            window.location.href = p.href;
+          },
+          className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-muted/40 ps-1.5 pe-2.5 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:border-foreground/30 transition-colors cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsx99("span", { className: "grid place-items-center w-4 h-4 rounded-full shrink-0", style: { background: p.color || tint }, children: /* @__PURE__ */ jsx99(Glyph2, { icon: p.icon, brand: p.brand, size: 10 }) }),
+            p.name
+          ]
+        },
+        p.href
+      )),
+      extra > 0 && /* @__PURE__ */ jsxs87("span", { className: "inline-flex items-center rounded-full border border-border px-2.5 py-1 text-[11px] text-muted-foreground", children: [
+        "+",
+        extra
+      ] })
+    ] }),
+    (author || typeof stars === "number" && stars > 0 || typeof downloads === "number" && downloads > 0) && /* @__PURE__ */ jsxs87("div", { className: "flex items-center gap-3 mt-3.5 pt-3.5 border-t border-border/60 text-[11px] text-muted-foreground font-mono", children: [
+      author && /* @__PURE__ */ jsx99("span", { className: "truncate", children: author }),
+      /* @__PURE__ */ jsxs87("span", { className: "ms-auto flex items-center gap-3 shrink-0", children: [
+        typeof stars === "number" && stars > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx99(Star2, { size: 11 }),
+          " ",
+          stars
+        ] }),
+        typeof downloads === "number" && downloads > 0 && /* @__PURE__ */ jsxs87("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx99(Download2, { size: 11 }),
+          " ",
+          downloads
+        ] })
+      ] })
     ] })
   ] }) });
 }
@@ -17033,6 +17038,7 @@ export {
   TabsTrigger,
   TestRunPanel,
   Textarea,
+  ThemePicker,
   ThemeProvider,
   Toaster,
   Toggle,