@siyahi/ui 0.1.9-next.34 → 0.1.9-next.36

package/dist/components/registry/dashboard-01/section-cards.js

@@ -1,74 +0,0 @@
-"use client";
-import { Badge } from "../../ui/badge.js";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../ui/card.js";
-import { cn } from "../../../lib/utils.js";
-import { StaleNote } from "../../siyahi/stale-note.js";
-import { useSurface } from "../../siyahi/siyahi-provider.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-//#region src/components/registry/dashboard-01/section-cards.tsx
-const COLUMNS = {
-	2: "@xl/main:grid-cols-2",
-	3: "@3xl/main:grid-cols-3",
-	4: "@xl/main:grid-cols-2 @5xl/main:grid-cols-4",
-	5: "@3xl/main:grid-cols-3 @7xl/main:grid-cols-5",
-	6: "@3xl/main:grid-cols-3"
-};
-function SectionCards({ items, selected, onSelect }) {
-	const surface = useSurface();
-	const ruled = surface === "ruled";
-	return /* @__PURE__ */ jsx("div", {
-		"data-surface": surface,
-		className: cn("@container/main", ruled && "overflow-hidden border-y"),
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("grid grid-cols-1", ruled ? "-me-px -mb-px bg-card" : surface === "open" ? "gap-4" : "gap-2", COLUMNS[items.length] ?? COLUMNS[4]),
-			children: items.map((item) => /* @__PURE__ */ jsx("div", {
-				"data-slot": "section-card",
-				className: cn("min-w-0", ruled && "border-e border-b"),
-				children: /* @__PURE__ */ jsxs(Card, {
-					"data-tone": item.tone,
-					"data-stale": item.stale ? "" : void 0,
-					className: cn("@container/card h-full [--card-spacing:--spacing(3)]", onSelect && "relative", item.label === selected && "ring-2 ring-primary!", item.label === selected && ruled && "ring-inset", onSelect && item.disabled && "opacity-60"),
-					children: [
-						onSelect && /* @__PURE__ */ jsx("button", {
-							type: "button",
-							"aria-label": item.label,
-							"aria-pressed": item.label === selected,
-							disabled: item.disabled,
-							onClick: () => onSelect(item.label),
-							className: "absolute inset-0 z-10 rounded-[inherit] outline-none focus-visible:ring-3 focus-visible:ring-ring focus-visible:ring-inset"
-						}),
-						/* @__PURE__ */ jsxs(CardHeader, { children: [
-							/* @__PURE__ */ jsx(CardDescription, {
-								className: "font-mono text-2xs tracking-wider uppercase",
-								children: item.label
-							}),
-							item.stale && /* @__PURE__ */ jsx(StaleNote, { since: item.stale }),
-							/* @__PURE__ */ jsx(CardTitle, {
-								className: "text-2xl font-semibold tabular-nums",
-								children: item.value
-							}),
-							item.badge && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx(Badge, {
-								variant: "outline",
-								children: item.badge
-							}) })
-						] }),
-						item.trend && /* @__PURE__ */ jsx(CardContent, { children: item.trend }),
-						(item.headline || item.detail) && /* @__PURE__ */ jsxs(CardFooter, {
-							className: "flex-col items-start gap-1 font-mono text-2xs tracking-wider uppercase",
-							children: [item.headline && /* @__PURE__ */ jsx("div", {
-								className: "flex flex-wrap gap-2 font-medium",
-								children: item.headline
-							}), item.detail && /* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground",
-								children: item.detail
-							})]
-						})
-					]
-				})
-			}, item.label))
-		})
-	});
-}
-//#endregion
-export { SectionCards };

package/report.css

@@ -1,146 +0,0 @@
-/*
- * Siyahi report stylesheet, generated from @siyahi/ui styles/siyahi.css.
- * Inline it into a report's <style>. It makes no network requests: Geist is
- * used when the viewer has it installed, and the system font otherwise.
- */
-:root {
-  color-scheme: light dark;
-  --radius: 0rem;
-  --background: oklch(0.985 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.51 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.49 0.19 27.325);
-  --border: oklch(0.145 0 0 / 18%);
-  --input: oklch(0.64 0 0);
-  --ring: oklch(0.145 0 0);
-  --positive: oklch(0.527 0.145 150.069);
-  --positive-foreground: oklch(0.985 0 0);
-  --negative: oklch(0.577 0.235 27.325);
-  --negative-foreground: oklch(0.985 0 0);
-  --warning: oklch(0.555 0.149 48.998);
-  --warning-foreground: oklch(0.985 0 0);
-  --heat-1: 12%;
-  --heat-2: 24%;
-  --heat-3: 36%;
-  --heat-4: 48%;
-  --heat-5: 60%;
-  --wash: 7%;
-  --wash-edge: 45%;
-  --field-wash: 8%;
-  --bar-tint: 50%;
-  --link: oklch(0.51 0.2 275);
-  --chart-1: oklch(0.4 0.17 275);
-  --chart-2: oklch(0.66 0.13 70);
-  --chart-3: oklch(0.38 0.13 335);
-  --chart-4: oklch(0.65 0.11 235);
-  --chart-5: oklch(0.36 0.06 205);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.45 0.2 275);
-  --sidebar-border: oklch(0.145 0 0 / 18%);
-  --sidebar-ring: oklch(0.145 0 0);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: oklch(0.14 0 0);
-    --foreground: oklch(0.922 0 0);
-    --card: oklch(0.215 0 0);
-    --card-foreground: oklch(0.922 0 0);
-    --popover: oklch(0.215 0 0);
-    --popover-foreground: oklch(0.922 0 0);
-    --primary: oklch(0.922 0 0);
-    --primary-foreground: oklch(0.205 0 0);
-    --secondary: oklch(0.269 0 0);
-    --secondary-foreground: oklch(0.922 0 0);
-    --muted: oklch(0.269 0 0);
-    --muted-foreground: oklch(0.74 0 0);
-    --accent: oklch(0.269 0 0);
-    --accent-foreground: oklch(0.922 0 0);
-    --destructive: oklch(0.8 0.1 22.216);
-    --border: oklch(1 0 0 / 20%);
-    --input: oklch(0.62 0 0);
-    --ring: oklch(0.922 0 0);
-    --positive: oklch(0.69 0.16 151.711);
-    --positive-foreground: oklch(0.145 0 0);
-    --negative: oklch(0.704 0.187 22.216);
-    --negative-foreground: oklch(0.145 0 0);
-    --warning: oklch(0.828 0.169 84.429);
-    --warning-foreground: oklch(0.145 0 0);
-    --heat-1: 25%;
-    --heat-2: 33.75%;
-    --heat-3: 42.5%;
-    --heat-4: 51.25%;
-    --wash: 12%;
-    --wash-edge: 55%;
-    --field-wash: 12%;
-    --link: oklch(0.75 0.128 275);
-    --chart-1: oklch(0.58 0.2 275);
-    --chart-2: oklch(0.88 0.08 75);
-    --chart-3: oklch(0.58 0.16 335);
-    --chart-4: oklch(0.88 0.05 235);
-    --chart-5: oklch(0.56 0.08 205);
-    --sidebar: oklch(0.145 0 0);
-    --sidebar-foreground: oklch(0.922 0 0);
-    --sidebar-primary: oklch(0.922 0 0);
-    --sidebar-primary-foreground: oklch(0.205 0 0);
-    --sidebar-accent: oklch(0.269 0 0);
-    --sidebar-accent-foreground: oklch(0.8 0.1 275);
-    --sidebar-border: oklch(1 0 0 / 20%);
-    --sidebar-ring: oklch(0.922 0 0);
-  }
-}
-
-*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-  padding: 16px;
-  background: var(--background);
-  color: var(--foreground);
-  font-family: "Geist", "Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  font-variant-numeric: tabular-nums;
-  -webkit-font-smoothing: antialiased;
-}
-
-code,
-kbd,
-pre,
-samp {
-  font-family: "Geist Mono", "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;
-}
-
-a {
-  color: var(--link);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *,
-  ::before,
-  ::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto !important;
-  }
-}