tembro 5.0.0 → 6.0.0

package/dist/src/components/layout/sidebar-nav.js

@@ -1,220 +0,0 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import { Badge as t } from "../ui/badge/index.js";
-import { ControllableDetails as n } from "./controllable-details.js";
-import { Tooltip as r } from "../ui/tooltip/index.js";
-import * as i from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/layout/sidebar-nav.tsx
-function c(e) {
-	return e.items?.some((e) => !e.hidden) ?? !1;
-}
-function l(e) {
-	return e.active ? !0 : e.items?.some((e) => l(e)) ?? !1;
-}
-function u({ item: n, collapsed: i, depth: c, itemSize: l, activeIndicator: u, itemClassName: d, activeItemClassName: f, renderLink: p }) {
-	let m = n.current ?? (n.active ? "page" : void 0), h = /* @__PURE__ */ s(a, { children: [
-		n.icon && /* @__PURE__ */ o("span", {
-			className: "shrink-0 [&_svg]:size-4",
-			children: n.icon
-		}),
-		!i && /* @__PURE__ */ o("span", {
-			className: "min-w-0 flex-1 truncate",
-			children: n.label
-		}),
-		!i && n.badge && /* @__PURE__ */ o(t, {
-			variant: "secondary",
-			className: "ml-auto h-5 shrink-0 px-1.5",
-			children: n.badge
-		})
-	] }), g = e("group flex items-center gap-2 border border-transparent text-sm font-medium transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", i && "justify-center px-0", c > 0 && !i && "pl-3", d, n.active && f), _ = (e) => i ? /* @__PURE__ */ o(r, {
-		content: n.tooltip ?? n.label,
-		side: "right",
-		children: /* @__PURE__ */ o("span", {
-			className: "block",
-			children: e
-		})
-	}) : e;
-	return n.href && n.href.startsWith("/") ? _(p ? p({
-		item: n,
-		href: n.href,
-		"data-slot": "sidebar-nav-item",
-		"data-depth": String(c),
-		"data-active": n.active || void 0,
-		"data-disabled": n.disabled || void 0,
-		"data-size": l,
-		"data-active-indicator": u,
-		"aria-current": m,
-		className: g,
-		onClick: (e) => {
-			if (n.disabled) {
-				e.preventDefault();
-				return;
-			}
-			n.onSelect?.();
-		},
-		children: h
-	}) : /* @__PURE__ */ o("a", {
-		href: n.href,
-		"data-slot": "sidebar-nav-item",
-		"data-depth": c,
-		"data-active": n.active || void 0,
-		"data-disabled": n.disabled || void 0,
-		"data-size": l,
-		"data-active-indicator": u,
-		"aria-current": m,
-		className: g,
-		onClick: (e) => {
-			if (n.disabled) {
-				e.preventDefault();
-				return;
-			}
-			n.onSelect?.();
-		},
-		children: h
-	})) : n.href ? _(/* @__PURE__ */ o("button", {
-		type: "button",
-		"data-slot": "sidebar-nav-item",
-		"data-depth": c,
-		"data-active": n.active || void 0,
-		"data-disabled": n.disabled || void 0,
-		"data-size": l,
-		"data-active-indicator": u,
-		"aria-current": m,
-		className: e("w-full text-left", g),
-		onClick: () => {
-			if (n.disabled) return;
-			let e = n.href;
-			if (e) {
-				if (n.onSelect?.(), e.startsWith("http")) {
-					window.open(e, "_blank", "noopener,noreferrer");
-					return;
-				}
-				window.location.assign(e);
-			}
-		},
-		children: h
-	})) : _(/* @__PURE__ */ o("button", {
-		type: "button",
-		"data-slot": "sidebar-nav-item",
-		"data-depth": c,
-		"data-active": n.active || void 0,
-		"data-disabled": n.disabled || void 0,
-		"data-size": l,
-		"data-active-indicator": u,
-		"aria-current": m,
-		disabled: n.disabled,
-		className: e("w-full text-left", g),
-		onClick: n.onSelect,
-		children: h
-	}));
-}
-function d({ items: a, collapsed: f, depth: p, showSectionLabels: m, itemSize: h, activeIndicator: g, itemClassName: _, activeItemClassName: v, renderItem: y, renderLink: b }) {
-	return a.map((a) => {
-		if (a.hidden) return null;
-		let x = m && !f && p === 0 && a.sectionLabel;
-		if (!c(a)) {
-			let e = /* @__PURE__ */ o(u, {
-				item: a,
-				collapsed: f,
-				depth: p,
-				itemSize: h,
-				activeIndicator: g,
-				itemClassName: _,
-				activeItemClassName: v,
-				renderLink: b
-			});
-			return /* @__PURE__ */ s(i.Fragment, { children: [x ? /* @__PURE__ */ o("div", {
-				"data-slot": "sidebar-nav-group-label",
-				className: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
-				children: a.sectionLabel
-			}) : null, y ? y(a, e) : e] }, a.key);
-		}
-		let S = a.defaultExpanded ?? l(a), C = /* @__PURE__ */ s("summary", {
-			"data-slot": "sidebar-nav-group-trigger",
-			className: e("flex min-h-9 list-none items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)]", f ? "justify-center px-0" : "px-2"),
-			children: [
-				a.icon ? f ? /* @__PURE__ */ o(r, {
-					content: a.tooltip ?? a.label,
-					side: "right",
-					children: /* @__PURE__ */ o("span", {
-						className: "shrink-0 [&_svg]:size-4",
-						children: a.icon
-					})
-				}) : /* @__PURE__ */ o("span", {
-					className: "shrink-0 [&_svg]:size-4",
-					children: a.icon
-				}) : null,
-				!f && /* @__PURE__ */ o("span", {
-					className: "min-w-0 flex-1 truncate",
-					children: a.label
-				}),
-				!f && a.badge ? /* @__PURE__ */ o(t, {
-					variant: "secondary",
-					className: "h-5 shrink-0 px-1.5",
-					children: a.badge
-				}) : null,
-				!f && /* @__PURE__ */ o("span", {
-					"data-slot": "sidebar-nav-group-chevron",
-					className: "ml-auto text-xs text-muted-foreground transition-transform group-open/sidebar-nav-details:rotate-90",
-					children: "›"
-				})
-			]
-		}), w = /* @__PURE__ */ s("div", {
-			"data-slot": "sidebar-nav-group",
-			"data-depth": p,
-			children: [x ? /* @__PURE__ */ o("div", {
-				"data-slot": "sidebar-nav-group-label",
-				className: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
-				children: a.sectionLabel
-			}) : null, /* @__PURE__ */ s(n, {
-				"data-slot": "sidebar-nav-group-details",
-				open: a.expanded,
-				defaultOpen: S,
-				className: "group/sidebar-nav-details",
-				onOpenChange: a.onExpandedChange,
-				children: [C, /* @__PURE__ */ o("div", {
-					"data-slot": "sidebar-nav-group-content",
-					className: e("mt-1 grid gap-1", !f && "ml-3 border-l border-border/55 pl-2"),
-					children: /* @__PURE__ */ o(d, {
-						items: a.items ?? [],
-						collapsed: f,
-						depth: p + 1,
-						showSectionLabels: m,
-						itemSize: h,
-						activeIndicator: g,
-						itemClassName: _,
-						activeItemClassName: v,
-						renderItem: y,
-						renderLink: b
-					})
-				})]
-			})]
-		});
-		return y ? /* @__PURE__ */ o(i.Fragment, { children: y(a, w) }, a.key) : /* @__PURE__ */ o(i.Fragment, { children: w }, a.key);
-	});
-}
-function f({ className: t, items: n, collapsed: r = !1, scrollable: i = !0, showSectionLabels: a = !0, itemSize: s = "md", activeIndicator: c = "bar", itemClassName: l, activeItemClassName: u, renderItem: f, renderLink: p, ...m }) {
-	let h = n.filter((e) => !e.hidden);
-	return /* @__PURE__ */ o("nav", {
-		"aria-label": "Primary navigation",
-		"data-slot": "sidebar-nav",
-		"data-collapsed": r || void 0,
-		className: e("grid min-h-0 gap-1", i ? "overflow-y-auto overscroll-contain" : null, t),
-		...m,
-		children: /* @__PURE__ */ o(d, {
-			items: h,
-			collapsed: r,
-			depth: 0,
-			showSectionLabels: a,
-			itemSize: s,
-			activeIndicator: c,
-			itemClassName: l,
-			activeItemClassName: u,
-			renderItem: f,
-			renderLink: p
-		})
-	});
-}
-//#endregion
-export { f as SidebarNav };

package/dist/src/components/layout/sticky-footer-bar.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({start:e,end:n,className:i,children:a,...o}){return(0,r.jsxs)(`div`,{"data-slot":`sticky-footer-bar`,className:t.cn(`sticky bottom-0 z-30 flex flex-wrap items-center justify-between gap-3 border-t bg-background px-4 py-3 shadow-lg`,i),...o,children:[(0,r.jsx)(`div`,{className:`min-w-0 flex-1`,children:e??a}),n&&(0,r.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:n})]})}exports.StickyFooterBar=i;

package/dist/src/components/layout/sticky-footer-bar.js

@@ -1,20 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/layout/sticky-footer-bar.tsx
-function r({ start: r, end: i, className: a, children: o, ...s }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "sticky-footer-bar",
-		className: e("sticky bottom-0 z-30 flex flex-wrap items-center justify-between gap-3 border-t bg-background px-4 py-3 shadow-lg", a),
-		...s,
-		children: [/* @__PURE__ */ t("div", {
-			className: "min-w-0 flex-1",
-			children: r ?? o
-		}), i && /* @__PURE__ */ t("div", {
-			className: "flex shrink-0 items-center gap-2",
-			children: i
-		})]
-	});
-}
-//#endregion
-export { r as StickyFooterBar };

package/packages/cli/vendor/src/components/charts/progress-ring.tsx

@@ -1,56 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-export type ProgressRingProps = React.ComponentProps<"svg"> & {
-  value: number
-  max?: number
-  size?: number
-  strokeWidth?: number
-  label?: React.ReactNode
-  description?: React.ReactNode
-  tone?: "default" | "success" | "warning" | "danger"
-  loading?: boolean
-}
-
-function ProgressRing({ value, max = 100, size = 120, strokeWidth = 10, label, description, tone = "default", loading = false, className, ...props }: ProgressRingProps) {
-  const radius = (size - strokeWidth) / 2
-  const circumference = 2 * Math.PI * radius
-  const ratio = max > 0 ? Math.min(Math.max(value / max, 0), 1) : 0
-  const offset = circumference - ratio * circumference
-  const stroke =
-    tone === "success"
-      ? "var(--color-chart-3, var(--primary))"
-      : tone === "warning"
-        ? "var(--color-chart-4, var(--primary))"
-        : tone === "danger"
-          ? "var(--destructive)"
-          : "var(--primary)"
-
-  return (
-    <svg data-slot="progress-ring" viewBox={`0 0 ${size} ${size}`} className={cn("h-auto w-full max-w-32", className)} role="img" {...props}>
-      <circle cx={size / 2} cy={size / 2} r={radius} fill="none" stroke="var(--muted)" strokeWidth={strokeWidth} />
-      <circle
-        cx={size / 2}
-        cy={size / 2}
-        r={radius}
-        fill="none"
-        stroke={stroke}
-        strokeWidth={strokeWidth}
-        strokeLinecap="round"
-        strokeDasharray={circumference}
-        strokeDashoffset={loading ? circumference * 0.45 : offset}
-        transform={`rotate(-90 ${size / 2} ${size / 2})`}
-        className={loading ? "animate-pulse" : undefined}
-      />
-      {(label || description) && (
-        <text x="50%" y="50%" textAnchor="middle" dominantBaseline="middle" fill="var(--foreground)">
-          {label && <tspan x="50%" dy={description ? "-0.15em" : "0"} className="text-base font-semibold">{label}</tspan>}
-          {description && <tspan x="50%" dy="1.25em" className="text-xs fill-muted-foreground">{description}</tspan>}
-        </text>
-      )}
-    </svg>
-  )
-}
-
-export { ProgressRing }

package/packages/cli/vendor/src/components/feedback/loading-state.tsx

@@ -1,15 +0,0 @@
-import * as React from "react"
-
-import { StateView, type StateViewProps } from "./state-view"
-
-export type LoadingStateProps = Omit<StateViewProps, "status" | "title" | "loadingVariant" | "variant" | "slot"> & {
-  label?: React.ReactNode
-  variant?: "spinner" | "skeleton" | "progress"
-}
-
-/** @deprecated Use StateView with status="loading". */
-function LoadingState({ label = "Loading...", variant = "spinner", ...props }: LoadingStateProps) {
-  return <StateView status="loading" title={label} loadingVariant={variant} slot="loading-state" {...props} />
-}
-
-export { LoadingState }

package/packages/cli/vendor/src/components/feedback/page-state.tsx

@@ -1,29 +0,0 @@
-import * as React from "react"
-
-import { StateView, type StateViewProps, type StateViewStatus } from "./state-view"
-import { cn } from "@/lib/utils"
-
-export type PageStateTone = Extract<StateViewStatus, "empty" | "loading" | "error" | "success" | "info">
-export type PageStateProps = Omit<StateViewProps, "status" | "size" | "variant" | "tone" | "actions" | "slot"> & {
-  tone?: PageStateTone
-  action?: React.ReactNode
-  extra?: React.ReactNode
-  compact?: boolean
-}
-
-/** @deprecated Use StateView. */
-function PageState({ tone = "empty", action, extra, compact = false, className, ...props }: PageStateProps) {
-  return <StateView status={tone} size={compact ? "compact" : "page"} actions={<>{action}{extra}</>} slot="page-state" className={className} {...props} />
-}
-
-export type InlineStateProps = Omit<PageStateProps, "compact"> & {
-  retryLabel?: React.ReactNode
-  onRetry?: () => void
-}
-
-/** @deprecated Use StateView with variant="inline". */
-function InlineState({ tone = "empty", action, className, ...props }: InlineStateProps) {
-  return <StateView variant="inline" size="compact" actions={action} slot="inline-state" className={cn("min-h-0", className)} {...props} status={tone} />
-}
-
-export { InlineState, PageState }

package/packages/cli/vendor/src/components/layout/page-container.tsx

@@ -1,30 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-export type PageContainerSize = "default" | "sm" | "md" | "lg" | "xl" | "full"
-
-export type PageContainerProps = React.ComponentProps<"div"> & {
-  size?: PageContainerSize
-}
-
-const sizeClassName: Record<PageContainerSize, string> = {
-  sm: "max-w-3xl",
-  md: "max-w-5xl",
-  lg: "max-w-6xl",
-  xl: "max-w-7xl",
-  default: "max-w-7xl",
-  full: "max-w-none",
-}
-
-function PageContainer({ className, size = "default", ...props }: PageContainerProps) {
-  return (
-    <div
-      data-slot="page-container"
-      className={cn("mx-auto flex w-full flex-col gap-4", sizeClassName[size], className)}
-      {...props}
-    />
-  )
-}
-
-export { PageContainer }

package/packages/cli/vendor/src/components/layout/page-header.tsx

@@ -1,104 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const pageHeaderVariants = cva("flex flex-col border transition-[background-color,border-color,box-shadow]", {
-  variants: {
-    variant: {
-      default: "border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/5",
-      elevated: "border-border/70 bg-card shadow-[0_1px_2px_rgba(15,23,42,0.06),0_18px_45px_rgba(15,23,42,0.08)] ring-1 ring-foreground/5",
-      outline: "border-border bg-transparent shadow-none",
-      ghost: "border-transparent bg-transparent shadow-none",
-      soft: "border-transparent bg-muted/45 shadow-none",
-    },
-    size: {
-      sm: "gap-3 rounded-[var(--radius-2xl)] p-4",
-      default: "gap-4 rounded-[var(--radius-3xl)] p-5",
-      lg: "gap-5 rounded-[calc(var(--radius-3xl)*1.1)] p-6",
-    },
-    tone: {
-      neutral: "",
-      info: "border-blue-500/20 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.03_235)_28%),var(--card))]",
-      success: "border-emerald-500/20 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.04_155)_30%),var(--card))]",
-      warning: "border-amber-500/24 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.05_85)_30%),var(--card))]",
-      danger: "border-destructive/24 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),var(--destructive)_8%),var(--card))]",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default",
-    tone: "neutral",
-  },
-})
-
-export type PageHeaderProps = React.ComponentProps<"div"> &
-  VariantProps<typeof pageHeaderVariants> & {
-    title?: React.ReactNode
-    description?: React.ReactNode
-    eyebrow?: React.ReactNode
-    breadcrumbs?: React.ReactNode
-    actions?: React.ReactNode
-    meta?: React.ReactNode
-    leading?: React.ReactNode
-    footer?: React.ReactNode
-    sticky?: boolean
-    titleClassName?: string
-    descriptionClassName?: string
-    actionsClassName?: string
-  }
-
-function PageHeader({
-  className,
-  variant,
-  size,
-  tone,
-  title,
-  description,
-  eyebrow,
-  breadcrumbs,
-  actions,
-  meta,
-  leading,
-  footer,
-  sticky = false,
-  titleClassName,
-  descriptionClassName,
-  actionsClassName,
-  children,
-  ...props
-}: PageHeaderProps) {
-  return (
-    <div
-      data-slot="page-header"
-      data-sticky={sticky || undefined}
-      className={cn(
-        pageHeaderVariants({ variant, size, tone }),
-        sticky && "sticky top-0 z-30 bg-background/92 backdrop-blur supports-[backdrop-filter]:bg-background/78",
-        className
-      )}
-      {...props}
-    >
-      {breadcrumbs && <div className="text-sm text-muted-foreground/95">{breadcrumbs}</div>}
-
-      <div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
-        <div className="flex min-w-0 gap-4">
-          {leading ? <div className="shrink-0">{leading}</div> : null}
-          <div className="min-w-0 space-y-2">
-            {eyebrow && <div className="text-[11px] font-semibold uppercase tracking-[0.24em] text-muted-foreground">{eyebrow}</div>}
-            {title && <h1 className={cn("truncate text-3xl font-semibold tracking-[-0.03em] text-foreground", size === "sm" && "text-2xl", size === "lg" && "text-4xl", titleClassName)}>{title}</h1>}
-            {description && <p className={cn("max-w-3xl text-sm leading-7 text-muted-foreground", descriptionClassName)}>{description}</p>}
-            {meta && <div className="pt-1 text-sm text-muted-foreground">{meta}</div>}
-          </div>
-        </div>
-
-        {actions && <div className={cn("flex shrink-0 flex-wrap items-center gap-2.5", actionsClassName)}>{actions}</div>}
-      </div>
-
-      {children}
-      {footer && <div data-slot="page-header-footer" className="border-t border-border/70 pt-4">{footer}</div>}
-    </div>
-  )
-}
-
-export { PageHeader, pageHeaderVariants }

package/packages/cli/vendor/src/components/layout/section-header.tsx

@@ -1,56 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-export type SectionHeaderProps = React.ComponentProps<"div"> & {
-  eyebrow?: React.ReactNode
-  title?: React.ReactNode
-  description?: React.ReactNode
-  actions?: React.ReactNode
-  meta?: React.ReactNode
-  align?: "start" | "center"
-  size?: "sm" | "default" | "lg"
-  titleClassName?: string
-  descriptionClassName?: string
-}
-
-const titleSizeClassName = {
-  sm: "text-xl",
-  default: "text-2xl",
-  lg: "text-3xl",
-}
-
-function SectionHeader({
-  className,
-  eyebrow,
-  title,
-  description,
-  actions,
-  meta,
-  align = "start",
-  size = "default",
-  titleClassName,
-  descriptionClassName,
-  children,
-  ...props
-}: SectionHeaderProps) {
-  return (
-    <div
-      data-slot="section-header"
-      data-align={align}
-      className={cn("flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between", align === "center" && "text-center sm:flex-col sm:items-center", className)}
-      {...props}
-    >
-      <div className={cn("min-w-0 space-y-2", align === "center" && "mx-auto max-w-2xl")}> 
-        {eyebrow ? <p className="text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground">{eyebrow}</p> : null}
-        {title ? <h2 className={cn("font-semibold tracking-[-0.03em] text-foreground", titleSizeClassName[size], titleClassName)}>{title}</h2> : null}
-        {description ? <p className={cn("max-w-3xl text-sm leading-7 text-muted-foreground", descriptionClassName)}>{description}</p> : null}
-        {meta ? <div className="text-sm text-muted-foreground">{meta}</div> : null}
-        {children}
-      </div>
-      {actions ? <div className="flex shrink-0 flex-wrap items-center gap-2.5">{actions}</div> : null}
-    </div>
-  )
-}
-
-export { SectionHeader }