@pattern-stack/frontend-patterns 0.2.0-alpha.16 → 0.2.0-alpha.18

package/CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.0-alpha.17]
+
+### Fixed
+- **`SidebarButton` label no longer wraps mid-animation**: added `whitespace-nowrap` to the label `<span>` so the text stays on one line during the Sidebar's `w-16 ↔ w-64` expand/collapse width transition, instead of briefly wrapping onto two lines.
+
 ## [0.2.0-alpha.16]
 
 ### Added

package/dist/atoms/components/data/Duration/Duration.d.ts

@@ -0,0 +1,11 @@
+export interface DurationProps {
+    ms: number;
+    precision?: "auto" | "s" | "ms";
+    className?: string;
+}
+/**
+ * Duration — renders a millisecond value as a compact, human-readable span
+ * with an accessible spoken label (e.g. 1500 → "1.5s", aria-label "1.5 seconds").
+ */
+export declare function Duration({ ms, precision, className }: DurationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Duration.d.ts.map

package/dist/atoms/components/data/Duration/Duration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Duration.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Duration/Duration.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6CD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,SAAkB,EAAE,SAAS,EAAE,EAAE,aAAa,2CAgB5E"}

package/dist/atoms/components/data/Duration/index.d.ts

@@ -0,0 +1,2 @@
+export { Duration, type DurationProps } from "./Duration";
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/Duration/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Duration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/atoms/components/data/LiveIndicator/LiveIndicator.d.ts

@@ -0,0 +1,12 @@
+export interface LiveIndicatorProps {
+    active: boolean;
+    label?: string;
+    className?: string;
+}
+/**
+ * LiveIndicator — a small status pill with a pulsing dot signalling a live /
+ * connected state (e.g. real-time sync, streaming). Announces its state via
+ * role="status" + aria-live for assistive tech.
+ */
+export declare function LiveIndicator({ active, label, className, }: LiveIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LiveIndicator.d.ts.map

package/dist/atoms/components/data/LiveIndicator/LiveIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/LiveIndicator/LiveIndicator.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAc,EACd,SAAS,GACV,EAAE,kBAAkB,2CAuBpB"}

package/dist/atoms/components/data/LiveIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { LiveIndicator, type LiveIndicatorProps } from "./LiveIndicator";
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/LiveIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/LiveIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/atoms/components/data/Sparkline/Sparkline.d.ts

@@ -0,0 +1,16 @@
+export interface SparklineProps {
+    data: number[];
+    width?: number;
+    height?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+    markLast?: boolean;
+}
+/**
+ * Sparkline — a tiny inline trend chart drawn as a single SVG polyline.
+ * Lightweight alternative to <Chart> for in-cell / in-row sparklines.
+ * Renders an empty (aria-hidden) svg when given fewer than 2 points.
+ */
+export declare function Sparkline({ data, width, height, color, fill, strokeWidth, markLast, }: SparklineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sparkline.d.ts.map

package/dist/atoms/components/data/Sparkline/Sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Sparkline/Sparkline.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAW,EACX,KAAsC,EACtC,IAAI,EACJ,WAAiB,EACjB,QAAgB,GACjB,EAAE,cAAc,2CAyDhB"}

package/dist/atoms/components/data/Sparkline/index.d.ts

@@ -0,0 +1,2 @@
+export { Sparkline, type SparklineProps } from "./Sparkline";
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/Sparkline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Sparkline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/atoms/components/data/Timestamp/Timestamp.d.ts

@@ -0,0 +1,13 @@
+export interface TimestampProps {
+    value: string | Date | number;
+    format?: "relative" | "absolute" | "both";
+    tz?: string;
+    className?: string;
+}
+/**
+ * Timestamp — renders a date/time value as a semantic <time> element.
+ * In "relative" / "both" modes it self-updates every 30s. "both" shows the
+ * absolute time with the relative time on hover.
+ */
+export declare function Timestamp({ value, format, tz, className, }: TimestampProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Timestamp.d.ts.map

package/dist/atoms/components/data/Timestamp/Timestamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Timestamp/Timestamp.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmCD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAmB,EACnB,EAAE,EACF,SAAS,GACV,EAAE,cAAc,2CA0BhB"}

package/dist/atoms/components/data/Timestamp/index.d.ts

@@ -0,0 +1,2 @@
+export { Timestamp, type TimestampProps } from "./Timestamp";
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/Timestamp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atoms/components/data/Timestamp/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/atoms/components/data/index.d.ts

@@ -9,6 +9,10 @@ export { ProgressBar, type ProgressBarProps } from "./ProgressBar";
 export { ListCard, type ListCardProps } from "./ListCard";
 export { EntityIcon, type EntityIconProps } from "./EntityIcon";
 export { TruncatedText, type TruncatedTextProps } from "./TruncatedText";
+export { Duration, type DurationProps } from "./Duration";
+export { Timestamp, type TimestampProps } from "./Timestamp";
+export { Sparkline, type SparklineProps } from "./Sparkline";
+export { LiveIndicator, type LiveIndicatorProps } from "./LiveIndicator";
 export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type ActivityType, type ActivityVariant, } from "./ActivityFeed";
 export { ConnectionStatus, type ConnectionStatusProps, } from "../../composed/ConnectionStatus";
 //# sourceMappingURL=index.d.ts.map

package/dist/atoms/components/data/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/components/data/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,MAAM,EACX,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,UAAU,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/components/data/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,MAAM,EACX,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,WAAW,EACX,KAAK,UAAU,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,iCAAiC,CAAC"}

package/dist/index.es.js

@@ -7750,6 +7750,201 @@ const TruncatedText = ({
     }
   );
 };
+function formatAuto(ms) {
+  if (ms < 1e3) {
+    return { visible: `${ms}ms`, spoken: `${ms} milliseconds` };
+  }
+  if (ms < 6e4) {
+    const secs = ms / 1e3;
+    return {
+      visible: `${secs.toFixed(1)}s`,
+      spoken: `${secs.toFixed(1)} seconds`
+    };
+  }
+  if (ms < 36e5) {
+    const m = Math.floor(ms / 6e4);
+    const s = Math.round(ms % 6e4 / 1e3);
+    return { visible: `${m}m ${s}s`, spoken: `${m} minutes ${s} seconds` };
+  }
+  if (ms < 864e5) {
+    const h2 = Math.floor(ms / 36e5);
+    const m = Math.round(ms % 36e5 / 6e4);
+    return { visible: `${h2}h ${m}m`, spoken: `${h2} hours ${m} minutes` };
+  }
+  const d = Math.floor(ms / 864e5);
+  const h = Math.round(ms % 864e5 / 36e5);
+  return { visible: `${d}d ${h}h`, spoken: `${d} days ${h} hours` };
+}
+function formatS(ms) {
+  const secs = ms / 1e3;
+  return {
+    visible: `${secs.toFixed(1)}s`,
+    spoken: `${secs.toFixed(1)} seconds`
+  };
+}
+function formatMs(ms) {
+  return { visible: `${ms}ms`, spoken: `${ms} milliseconds` };
+}
+function Duration({ ms, precision = "auto", className }) {
+  const { visible, spoken } = precision === "s" ? formatS(ms) : precision === "ms" ? formatMs(ms) : formatAuto(ms);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-label": spoken,
+      className: cn("font-mono text-xs text-muted-foreground", className),
+      children: visible
+    }
+  );
+}
+function toDate(v) {
+  return v instanceof Date ? v : new Date(v);
+}
+function formatRelative(date, now) {
+  const diffMs = now.getTime() - date.getTime();
+  const abs = Math.abs(diffMs);
+  const suffix = diffMs >= 0 ? "ago" : "from now";
+  if (abs < 6e4) return "just now";
+  if (abs < 36e5) {
+    const m = Math.floor(abs / 6e4);
+    return `${m}m ${suffix}`;
+  }
+  if (abs < 864e5) {
+    const h = Math.floor(abs / 36e5);
+    return `${h}h ${suffix}`;
+  }
+  if (abs < 6048e5) {
+    const d = Math.floor(abs / 864e5);
+    return d === 1 ? "yesterday" : `${d}d ${suffix}`;
+  }
+  return date.toLocaleDateString(void 0);
+}
+function formatAbsolute(date, tz) {
+  return date.toLocaleString(void 0, {
+    dateStyle: "short",
+    timeStyle: "short",
+    timeZone: tz
+  });
+}
+function Timestamp({
+  value,
+  format = "relative",
+  tz,
+  className
+}) {
+  const date = toDate(value);
+  const iso = date.toISOString();
+  const [now, setNow] = useState(() => /* @__PURE__ */ new Date());
+  useEffect(() => {
+    if (format === "absolute") return;
+    const id = setInterval(() => setNow(/* @__PURE__ */ new Date()), 3e4);
+    return () => clearInterval(id);
+  }, [format]);
+  const absolute = formatAbsolute(date, tz);
+  const relative = formatRelative(date, now);
+  const display = format === "relative" ? relative : absolute;
+  const title = format === "both" ? relative : void 0;
+  return /* @__PURE__ */ jsx(
+    "time",
+    {
+      dateTime: iso,
+      title,
+      className: cn("font-mono text-xs text-muted-foreground", className),
+      children: display
+    }
+  );
+}
+function Sparkline({
+  data,
+  width = 140,
+  height = 28,
+  color = "hsl(var(--muted-foreground))",
+  fill,
+  strokeWidth = 1.2,
+  markLast = false
+}) {
+  if (data.length < 2) {
+    return /* @__PURE__ */ jsx("svg", { width, height, "aria-hidden": true });
+  }
+  const min = Math.min(...data);
+  const max = Math.max(...data);
+  const range = max - min || 1;
+  const pad = strokeWidth;
+  const innerW = width - pad * 2;
+  const innerH = height - pad * 2;
+  const points = data.map((v, i) => {
+    const x = pad + i / (data.length - 1) * innerW;
+    const y = pad + innerH - (v - min) / range * innerH;
+    return [x, y];
+  });
+  const polyline = points.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`).join(" ");
+  const firstPt = points[0];
+  const lastPt = points[points.length - 1];
+  let fillPath;
+  if (fill) {
+    fillPath = [
+      `${firstPt[0].toFixed(2)},${(pad + innerH).toFixed(2)}`,
+      ...points.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`),
+      `${lastPt[0].toFixed(2)},${(pad + innerH).toFixed(2)}`
+    ].join(" ");
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: `0 0 ${width} ${height}`,
+      "aria-hidden": true,
+      style: { display: "block", overflow: "visible" },
+      children: [
+        fillPath && /* @__PURE__ */ jsx("polygon", { points: fillPath, fill, stroke: "none" }),
+        /* @__PURE__ */ jsx(
+          "polyline",
+          {
+            points: polyline,
+            fill: "none",
+            stroke: color,
+            strokeWidth,
+            strokeLinejoin: "round",
+            strokeLinecap: "round"
+          }
+        ),
+        markLast && /* @__PURE__ */ jsx("circle", { cx: lastPt[0], cy: lastPt[1], r: strokeWidth * 2, fill: color })
+      ]
+    }
+  );
+}
+function LiveIndicator({
+  active,
+  label = "Live",
+  className
+}) {
+  const ariaLabel = active ? `${label} — connected` : `${label} — paused`;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": ariaLabel,
+      className: cn(
+        "inline-flex items-center gap-2 text-xs font-mono",
+        active ? "text-primary" : "text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "inline-block w-2 h-2 rounded-full",
+              active ? "bg-primary animate-pulse" : "bg-muted-foreground/40"
+            )
+          }
+        ),
+        label
+      ]
+    }
+  );
+}
 const defaultActivityIconMap = {
   user: {
     icon: Users,
@@ -10601,7 +10796,7 @@ const SidebarButton = ({
             "span",
             {
               className: cn(
-                "text-sm font-medium flex-1 text-left",
+                "text-sm font-medium flex-1 text-left whitespace-nowrap",
                 active ? `text-category-${category}` : "text-foreground"
               ),
               children: label
@@ -15697,14 +15892,12 @@ function createReactApp(config) {
     if (enableRouting) {
       tree = /* @__PURE__ */ jsx(NavigationProvider, { initialNavigation: navigation, children: /* @__PURE__ */ jsx(SidebarProvider, { children: tree }) });
     }
-    if (enableAuth) {
-      const authMode = (auth == null ? void 0 : auth.mode) || "pattern-stack";
-      if (authMode === "none") {
-        setGlobalAuthService(null);
-        tree = /* @__PURE__ */ jsx(NoAuthProvider, { children: tree });
-      } else {
-        tree = /* @__PURE__ */ jsx(AuthProvider, { config: auth, children: tree });
-      }
+    const authMode = (auth == null ? void 0 : auth.mode) || "pattern-stack";
+    if (enableAuth && authMode !== "none") {
+      tree = /* @__PURE__ */ jsx(AuthProvider, { config: auth, children: tree });
+    } else {
+      setGlobalAuthService(null);
+      tree = /* @__PURE__ */ jsx(NoAuthProvider, { children: tree });
     }
     if (enableQuery) {
       tree = /* @__PURE__ */ jsxs(QueryClientProvider, { client: queryClient, children: [
@@ -19171,6 +19364,7 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  Duration,
   EmptyState,
   EnhancedDataTemplate,
   EntityIcon,
@@ -19190,6 +19384,7 @@ export {
   ListCard,
   ListPageTemplate,
   ListToolbar,
+  LiveIndicator,
   Loading,
   LoginForm,
   LogoutButton,
@@ -19234,6 +19429,7 @@ export {
   SkeletonButton,
   SkeletonCard,
   SkeletonText,
+  Sparkline,
   Spinner,
   StatCard,
   StyleGuide,
@@ -19251,6 +19447,7 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Timestamp,
   Toast,
   ToastContainer,
   Tooltip,