@tollerud/ui 1.1.5 → 3.1.0

package/dist/alert.d.ts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+declare const toneStyles: {
+    readonly default: {
+        readonly wrapper: "border-tollerud-border bg-tollerud-surface-raised";
+        readonly icon: "text-tollerud-text-muted";
+    };
+    readonly accent: {
+        readonly wrapper: "border-tollerud-yellow/30 bg-tollerud-yellow/5";
+        readonly icon: "text-tollerud-yellow";
+    };
+    readonly info: {
+        readonly wrapper: "border-blue-500/30 bg-blue-500/5";
+        readonly icon: "text-blue-400";
+    };
+    readonly success: {
+        readonly wrapper: "border-green-500/30 bg-green-500/5";
+        readonly icon: "text-green-400";
+    };
+    readonly error: {
+        readonly wrapper: "border-red-500/30 bg-red-500/5";
+        readonly icon: "text-red-400";
+    };
+};
+interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    tone?: keyof typeof toneStyles;
+    title?: string;
+    icon?: React.ReactNode;
+}
+declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps };

package/dist/alert.js

@@ -0,0 +1,5 @@
+'use client';
+export { Alert } from './chunk-ANW6J6PV.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=alert.js.map
+//# sourceMappingURL=alert.js.map

package/dist/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"alert.js"}

package/dist/approval-card.d.ts

@@ -0,0 +1,27 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+type ApprovalState = 'pending' | 'approved' | 'rejected';
+interface ApprovalCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Action being approved */
+    action: string;
+    /** Description of what will happen */
+    description?: string;
+    /** Source (e.g. 'Emma → backup.sh') */
+    source?: string;
+    /** Current approval state */
+    state?: ApprovalState;
+    /** Timestamp of the request */
+    timestamp?: string;
+    /** Called when user approves */
+    onApprove?: () => void;
+    /** Called when user rejects */
+    onReject?: () => void;
+    /** Whether actions are disabled */
+    disabled?: boolean;
+    /** Whether the card is loading */
+    loading?: boolean;
+}
+declare const ApprovalCard: react.ForwardRefExoticComponent<ApprovalCardProps & react.RefAttributes<HTMLDivElement>>;
+
+export { ApprovalCard, type ApprovalCardProps, type ApprovalState };

package/dist/approval-card.js

@@ -0,0 +1,5 @@
+'use client';
+export { ApprovalCard } from './chunk-APFFKNPS.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=approval-card.js.map
+//# sourceMappingURL=approval-card.js.map

package/dist/approval-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"approval-card.js"}

package/dist/area-chart.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface AreaChartProps extends HTMLAttributes<HTMLDivElement> {
+    data: number[];
+    height?: number;
+}
+declare const AreaChart: react.ForwardRefExoticComponent<AreaChartProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AreaChart, type AreaChartProps };

package/dist/area-chart.js

@@ -0,0 +1,5 @@
+'use client';
+export { AreaChart } from './chunk-6PZKU6ZL.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=area-chart.js.map
+//# sourceMappingURL=area-chart.js.map

package/dist/area-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"area-chart.js"}

package/dist/avatar.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+declare const avatarSizes: {
+    readonly sm: "h-6 w-6 text-[10px]";
+    readonly md: "h-8 w-8 text-xs";
+    readonly lg: "h-11 w-11 text-sm";
+};
+interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Image source */
+    src?: string;
+    /** Accessible name / used to derive initials fallback */
+    name?: string;
+    /** Explicit fallback content (overrides derived initials) */
+    fallback?: React.ReactNode;
+    /** Named size token or explicit pixel diameter */
+    size?: keyof typeof avatarSizes | number;
+}
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
+interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Maximum avatars to render before collapsing into a "+N" overflow indicator */
+    max?: number;
+    size?: keyof typeof avatarSizes | number;
+    children: React.ReactNode;
+}
+declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps };

package/dist/avatar.js

@@ -0,0 +1,5 @@
+'use client';
+export { Avatar, AvatarGroup } from './chunk-VFS3V3VY.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"avatar.js"}

package/dist/backup-status-panel.d.ts

@@ -0,0 +1,25 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+import { Status } from './status-dot.js';
+
+interface BackupJob {
+    name: string;
+    status: Status;
+    lastRun?: string;
+    nextRun?: string;
+    size?: string;
+    target?: string;
+}
+interface BackupStatusPanelProps extends HTMLAttributes<HTMLDivElement> {
+    /** List of backup jobs */
+    jobs: BackupJob[];
+    /** Total size of all backups */
+    totalSize?: string;
+    /** Last full backup timestamp */
+    lastFullBackup?: string;
+    /** Whether the panel is loading */
+    loading?: boolean;
+}
+declare const BackupStatusPanel: react.ForwardRefExoticComponent<BackupStatusPanelProps & react.RefAttributes<HTMLDivElement>>;
+
+export { type BackupJob, BackupStatusPanel, type BackupStatusPanelProps };

package/dist/backup-status-panel.js

@@ -0,0 +1,6 @@
+'use client';
+export { BackupStatusPanel } from './chunk-JRFSUVSO.js';
+import './chunk-NHPISZWS.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=backup-status-panel.js.map
+//# sourceMappingURL=backup-status-panel.js.map

package/dist/backup-status-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"backup-status-panel.js"}

package/dist/badge.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+declare const badgeVariants: {
+    readonly default: "bg-tollerud-noir-700 text-tollerud-text-secondary";
+    readonly accent: "bg-tollerud-yellow/15 text-tollerud-yellow";
+    readonly success: "bg-tollerud-success/15 text-tollerud-success";
+    readonly error: "bg-tollerud-error/15 text-tollerud-error";
+    readonly info: "bg-tollerud-info/15 text-tollerud-info";
+    readonly warning: "bg-tollerud-yellow/15 text-tollerud-warning";
+};
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: keyof typeof badgeVariants;
+}
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/badge.js

@@ -0,0 +1,5 @@
+'use client';
+export { Badge } from './chunk-QEHTPQHL.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"badge.js"}

package/dist/bar-chart.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface BarChartDatum {
+    label: string;
+    value: number;
+    accent?: boolean;
+}
+interface BarChartProps extends HTMLAttributes<HTMLDivElement> {
+    data: BarChartDatum[];
+    height?: number;
+}
+declare const BarChart: react.ForwardRefExoticComponent<BarChartProps & react.RefAttributes<HTMLDivElement>>;
+
+export { BarChart, type BarChartDatum, type BarChartProps };

package/dist/bar-chart.js

@@ -0,0 +1,5 @@
+'use client';
+export { BarChart } from './chunk-4PA2ACNF.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=bar-chart.js.map
+//# sourceMappingURL=bar-chart.js.map

package/dist/bar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"bar-chart.js"}

package/dist/bento-dashboard.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { HostCardProps } from './host-card.js';
+import { StatCardProps } from './stat-card.js';
+import { ServiceHealthCardProps } from './service-health-card.js';
+import { IncidentSeverity } from './incident-card.js';
+import { BackupJob } from './backup-status-panel.js';
+import './status-dot.js';
+
+interface BentoDashboardProps {
+    title: string;
+    hosts?: HostCardProps[];
+    metrics?: StatCardProps[];
+    services?: ServiceHealthCardProps[];
+    incidents?: {
+        title: string;
+        severity: IncidentSeverity;
+        timestamp: string;
+        service: string;
+        description?: string;
+        acknowledged?: boolean;
+    }[];
+    backupJobs?: BackupJob[];
+    className?: string;
+    /** Render the incident list footer */
+    renderIncidentFooter?: () => ReactNode;
+}
+declare function BentoDashboard({ title, hosts, metrics, services, incidents, className, }: BentoDashboardProps): react.JSX.Element;
+
+export { BentoDashboard, type BentoDashboardProps };

package/dist/bento-dashboard.js

@@ -0,0 +1,10 @@
+'use client';
+export { BentoDashboard } from './chunk-ONMTHBZ4.js';
+import './chunk-LUM2YJBH.js';
+import './chunk-7EP2T3OW.js';
+import './chunk-DOUDJU4P.js';
+import './chunk-NHPISZWS.js';
+import './chunk-EN4OJCEF.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=bento-dashboard.js.map
+//# sourceMappingURL=bento-dashboard.js.map

package/dist/bento-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"bento-dashboard.js"}

package/dist/breadcrumb.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    items: BreadcrumbItem[];
+    /** Custom separator (defaults to a chevron) */
+    separator?: React.ReactNode;
+}
+declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
+
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps };

package/dist/breadcrumb.js

@@ -0,0 +1,5 @@
+'use client';
+export { Breadcrumb } from './chunk-7J5QXUQN.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=breadcrumb.js.map
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"breadcrumb.js"}

package/dist/button.d.ts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes } from 'react';
+
+declare const variants: {
+    readonly primary: "bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow hover:shadow-tollerud-glow";
+    readonly secondary: "bg-transparent text-tollerud-text-primary border-tollerud-border hover:border-tollerud-text-secondary hover:bg-tollerud-surface-hover";
+    readonly ghost: "bg-transparent text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover";
+    readonly destructive: "bg-tollerud-error text-white border-tollerud-error hover:shadow-[0_0_12px_rgba(239,68,68,0.3)]";
+    readonly terminal: "font-mono text-tollerud-yellow border-[rgba(255,255,0,0.25)] bg-transparent hover:border-tollerud-yellow hover:shadow-tollerud-glow hover:bg-[rgba(255,255,0,0.05)]";
+};
+declare const sizes: {
+    readonly sm: "px-3 py-1 text-sm";
+    readonly md: "px-4 py-2 text-base";
+    readonly lg: "px-6 py-3 text-lg";
+};
+interface ButtonVariantProps {
+    variant?: keyof typeof variants;
+    size?: keyof typeof sizes;
+}
+declare function buttonVariants({ variant, size, className }?: ButtonVariantProps & {
+    className?: string;
+}): string;
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantProps {
+    /** Render as the single child element (e.g. a `<Link>`) instead of a `<button>`, merging props and styles onto it. */
+    asChild?: boolean;
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, type ButtonVariantProps, buttonVariants };

package/dist/button.js

@@ -0,0 +1,5 @@
+'use client';
+export { Button, buttonVariants } from './chunk-ADE22JSR.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"button.js"}

package/dist/card.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    accent?: boolean;
+    density?: 'comfortable' | 'compact';
+}
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Card, type CardProps };

package/dist/card.js

@@ -0,0 +1,5 @@
+'use client';
+export { Card } from './chunk-DZOBXK2S.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"card.js"}

package/dist/checkbox.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { InputHTMLAttributes } from 'react';
+
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/checkbox.js

@@ -0,0 +1,5 @@
+'use client';
+export { Checkbox } from './chunk-T3TQPOVM.js';
+import './chunk-WSQNPRGN.js';
+//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"checkbox.js"}

package/dist/chunk-2QWKOCWF.js

@@ -0,0 +1,79 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { Check } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Stepper = forwardRef(
+  ({ className, steps, current, orientation = "horizontal", ...props }, ref) => {
+    const vertical = orientation === "vertical";
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        className: cn("flex", vertical ? "flex-col gap-0" : "items-start gap-0 w-full", className),
+        ...props,
+        children: steps.map((step, i) => {
+          const status = i < current ? "complete" : i === current ? "active" : "upcoming";
+          const isLast = i === steps.length - 1;
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: cn(
+                "flex",
+                vertical ? "flex-row gap-3" : "flex-col flex-1 gap-2",
+                !vertical && !isLast && "pr-2"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: cn("flex items-center", vertical ? "flex-col" : "flex-row gap-2 w-full"), children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-medium transition-colors duration-[150ms]",
+                        status === "complete" && "bg-tollerud-yellow text-tollerud-noir-black",
+                        status === "active" && "border-2 border-tollerud-yellow text-tollerud-yellow",
+                        status === "upcoming" && "border border-tollerud-border text-tollerud-text-muted"
+                      ),
+                      children: status === "complete" ? /* @__PURE__ */ jsx(Check, { size: 14 }) : i + 1
+                    }
+                  ),
+                  !isLast && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: cn(
+                        "bg-tollerud-border",
+                        vertical ? "w-px flex-1 my-1" : "h-px flex-1",
+                        status === "complete" && "bg-tollerud-yellow"
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", vertical && "pb-6"), children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "text-sm font-medium",
+                        status === "upcoming" ? "text-tollerud-text-muted" : "text-tollerud-text-primary"
+                      ),
+                      children: step.label
+                    }
+                  ),
+                  step.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-tollerud-text-muted", children: step.description })
+                ] })
+              ]
+            },
+            i
+          );
+        })
+      }
+    );
+  }
+);
+Stepper.displayName = "Stepper";
+
+export { Stepper };
+//# sourceMappingURL=chunk-2QWKOCWF.js.map
+//# sourceMappingURL=chunk-2QWKOCWF.js.map

package/dist/chunk-2QWKOCWF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Stepper.tsx"],"names":[],"mappings":";;;;;AAgBA,IAAM,OAAA,GAAU,UAAA;AAAA,EACd,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,cAAc,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5E,IAAA,MAAM,WAAW,WAAA,KAAgB,UAAA;AAEjC,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,MAAA,EAAQ,QAAA,GAAW,gBAAA,GAAmB,4BAA4B,SAAS,CAAA;AAAA,QACxF,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM;AACtB,UAAA,MAAM,SAAS,CAAA,GAAI,OAAA,GAAU,UAAA,GAAa,CAAA,KAAM,UAAU,QAAA,GAAW,UAAA;AACrE,UAAA,MAAM,MAAA,GAAS,CAAA,KAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAEpC,UAAA,uBACE,IAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,SAAA,EAAW,EAAA;AAAA,gBACT,MAAA;AAAA,gBACA,WAAW,gBAAA,GAAmB,uBAAA;AAAA,gBAC9B,CAAC,QAAA,IAAY,CAAC,MAAA,IAAU;AAAA,eAC1B;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,qBAAqB,QAAA,GAAW,UAAA,GAAa,uBAAuB,CAAA,EACrF,QAAA,EAAA;AAAA,kCAAA,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAW,EAAA;AAAA,wBACT,uHAAA;AAAA,wBACA,WAAW,UAAA,IAAc,6CAAA;AAAA,wBACzB,WAAW,QAAA,IAAY,sDAAA;AAAA,wBACvB,WAAW,UAAA,IAAc;AAAA,uBAC3B;AAAA,sBAEC,qBAAW,UAAA,mBAAa,GAAA,CAAC,SAAM,IAAA,EAAM,EAAA,EAAI,IAAK,CAAA,GAAI;AAAA;AAAA,mBACrD;AAAA,kBACC,CAAC,MAAA,oBACA,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,aAAA,EAAY,MAAA;AAAA,sBACZ,SAAA,EAAW,EAAA;AAAA,wBACT,oBAAA;AAAA,wBACA,WAAW,kBAAA,GAAqB,aAAA;AAAA,wBAChC,WAAW,UAAA,IAAc;AAAA;AAC3B;AAAA;AACF,iBAAA,EAEJ,CAAA;AAAA,qCACC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,eAAA,EAAiB,QAAA,IAAY,MAAM,CAAA,EACpD,QAAA,EAAA;AAAA,kCAAA,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAW,EAAA;AAAA,wBACT,qBAAA;AAAA,wBACA,MAAA,KAAW,aAAa,0BAAA,GAA6B;AAAA,uBACvD;AAAA,sBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,mBACR;AAAA,kBACC,KAAK,WAAA,oBACJ,GAAA,CAAC,UAAK,SAAA,EAAU,kCAAA,EAAoC,eAAK,WAAA,EAAY;AAAA,iBAAA,EAEzE;AAAA;AAAA,aAAA;AAAA,YAzCK;AAAA,WA0CP;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-2QWKOCWF.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { Check } from 'lucide-react'\nimport { cn } from '@/lib/utils'\n\nexport interface StepperStep {\n  label: React.ReactNode\n  description?: React.ReactNode\n}\n\nexport interface StepperProps extends HTMLAttributes<HTMLOListElement> {\n  steps: StepperStep[]\n  /** 0-indexed current step */\n  current: number\n  orientation?: 'horizontal' | 'vertical'\n}\n\nconst Stepper = forwardRef<HTMLOListElement, StepperProps>(\n  ({ className, steps, current, orientation = 'horizontal', ...props }, ref) => {\n    const vertical = orientation === 'vertical'\n\n    return (\n      <ol\n        ref={ref}\n        className={cn('flex', vertical ? 'flex-col gap-0' : 'items-start gap-0 w-full', className)}\n        {...props}\n      >\n        {steps.map((step, i) => {\n          const status = i < current ? 'complete' : i === current ? 'active' : 'upcoming'\n          const isLast = i === steps.length - 1\n\n          return (\n            <li\n              key={i}\n              className={cn(\n                'flex',\n                vertical ? 'flex-row gap-3' : 'flex-col flex-1 gap-2',\n                !vertical && !isLast && 'pr-2'\n              )}\n            >\n              <div className={cn('flex items-center', vertical ? 'flex-col' : 'flex-row gap-2 w-full')}>\n                <span\n                  className={cn(\n                    'flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-medium transition-colors duration-[150ms]',\n                    status === 'complete' && 'bg-tollerud-yellow text-tollerud-noir-black',\n                    status === 'active' && 'border-2 border-tollerud-yellow text-tollerud-yellow',\n                    status === 'upcoming' && 'border border-tollerud-border text-tollerud-text-muted'\n                  )}\n                >\n                  {status === 'complete' ? <Check size={14} /> : i + 1}\n                </span>\n                {!isLast && (\n                  <span\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'bg-tollerud-border',\n                      vertical ? 'w-px flex-1 my-1' : 'h-px flex-1',\n                      status === 'complete' && 'bg-tollerud-yellow'\n                    )}\n                  />\n                )}\n              </div>\n              <div className={cn('flex flex-col', vertical && 'pb-6')}>\n                <span\n                  className={cn(\n                    'text-sm font-medium',\n                    status === 'upcoming' ? 'text-tollerud-text-muted' : 'text-tollerud-text-primary'\n                  )}\n                >\n                  {step.label}\n                </span>\n                {step.description && (\n                  <span className=\"text-xs text-tollerud-text-muted\">{step.description}</span>\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n    )\n  }\n)\nStepper.displayName = 'Stepper'\n\nexport { Stepper }\n"]}

package/dist/chunk-3LTW224O.js

@@ -0,0 +1,53 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Timeline = forwardRef(
+  ({ className, items, active, loading, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("tollerud-timeline", loading && "animate-pulse", className),
+        role: "list",
+        "aria-label": "Activity timeline",
+        ...props,
+        children: items.map((item, i) => {
+          const isLast = i === items.length - 1;
+          return /* @__PURE__ */ jsxs("div", { className: "tollerud-timeline__item", role: "listitem", children: [
+            /* @__PURE__ */ jsx("div", { className: "tollerud-timeline__marker", children: /* @__PURE__ */ jsxs("div", { className: "tollerud-timeline__dot-group", children: [
+              item.icon ? /* @__PURE__ */ jsx("span", { className: "tollerud-timeline__icon", children: item.icon }) : /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "tollerud-timeline__dot",
+                    active && "tollerud-timeline__dot--active",
+                    item.status === "online" && "tollerud-timeline__dot--online",
+                    item.status === "offline" && "tollerud-timeline__dot--offline",
+                    item.status === "warning" && "tollerud-timeline__dot--warning",
+                    item.status === "idle" && "tollerud-timeline__dot--idle"
+                  )
+                }
+              ),
+              !isLast && /* @__PURE__ */ jsx("div", { className: "tollerud-timeline__line" })
+            ] }) }),
+            /* @__PURE__ */ jsxs("div", { className: "tollerud-timeline__content", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "tollerud-timeline__title", children: item.title }),
+                /* @__PURE__ */ jsx("span", { className: "tollerud-timeline__time", children: item.time })
+              ] }),
+              item.description && /* @__PURE__ */ jsx("p", { className: "tollerud-timeline__description", children: item.description }),
+              item.meta && item.meta.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mt-1", children: item.meta.map((m) => /* @__PURE__ */ jsx("span", { className: "tollerud-timeline__meta", children: m }, m)) })
+            ] })
+          ] }, item.id);
+        })
+      }
+    );
+  }
+);
+Timeline.displayName = "Timeline";
+
+export { Timeline };
+//# sourceMappingURL=chunk-3LTW224O.js.map
+//# sourceMappingURL=chunk-3LTW224O.js.map

package/dist/chunk-3LTW224O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Timeline.tsx"],"names":[],"mappings":";;;;AA6BA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,QAAQ,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,OAAA,IAAW,iBAAiB,SAAS,CAAA;AAAA,QACxE,IAAA,EAAK,MAAA;AAAA,QACL,YAAA,EAAW,mBAAA;AAAA,QACV,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM;AACtB,UAAA,MAAM,MAAA,GAAS,CAAA,KAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAEpC,UAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAkB,SAAA,EAAU,yBAAA,EAA0B,MAAK,UAAA,EAE1D,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAI,SAAA,EAAU,2BAAA,EACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACZ,QAAA,EAAA;AAAA,cAAA,IAAA,CAAK,uBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yBAAA,EAA2B,QAAA,EAAA,IAAA,CAAK,MAAK,CAAA,mBAErD,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,wBAAA;AAAA,oBACA,MAAA,IAAU,gCAAA;AAAA,oBACV,IAAA,CAAK,WAAW,QAAA,IAAY,gCAAA;AAAA,oBAC5B,IAAA,CAAK,WAAW,SAAA,IAAa,iCAAA;AAAA,oBAC7B,IAAA,CAAK,WAAW,SAAA,IAAa,iCAAA;AAAA,oBAC7B,IAAA,CAAK,WAAW,MAAA,IAAU;AAAA;AAC5B;AAAA,eACF;AAAA,cAED,CAAC,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EAA0B;AAAA,aAAA,EACvD,CAAA,EACF,CAAA;AAAA,4BAGA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA4B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,gCACvD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EAA2B,eAAK,IAAA,EAAK;AAAA,eAAA,EACvD,CAAA;AAAA,cACC,KAAK,WAAA,oBACJ,GAAA,CAAC,OAAE,SAAA,EAAU,gCAAA,EAAkC,eAAK,WAAA,EAAY,CAAA;AAAA,cAEjE,IAAA,CAAK,QAAQ,IAAA,CAAK,IAAA,CAAK,SAAS,CAAA,oBAC/B,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACZ,QAAA,EAAA,IAAA,CAAK,KAAK,GAAA,CAAI,CAAC,sBACd,GAAA,CAAC,MAAA,EAAA,EAAa,WAAU,yBAAA,EAA2B,QAAA,EAAA,CAAA,EAAA,EAAxC,CAA0C,CACtD,CAAA,EACH;AAAA,aAAA,EAEJ;AAAA,WAAA,EAAA,EAtCQ,KAAK,EAuCf,CAAA;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-3LTW224O.js","sourcesContent":["import { type HTMLAttributes, type ReactNode, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport type { Status } from './StatusDot'\n\nexport interface TimelineItemData {\n  id: string\n  /** Timestamp label */\n  time: string\n  /** Title/headline of the event */\n  title: string\n  /** Description */\n  description?: string\n  /** Status indicator dot */\n  status?: Status\n  /** Optional icon to replace dot */\n  icon?: ReactNode\n  /** Optional metadata badges */\n  meta?: string[]\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLDivElement> {\n  /** Timeline events */\n  items: TimelineItemData[]\n  /** Whether items are active (show animated dot pulse) */\n  active?: boolean\n  /** Whether the timeline is loading */\n  loading?: boolean\n}\n\nconst Timeline = forwardRef<HTMLDivElement, TimelineProps>(\n  ({ className, items, active, loading, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('tollerud-timeline', loading && 'animate-pulse', className)}\n        role=\"list\"\n        aria-label=\"Activity timeline\"\n        {...props}\n      >\n        {items.map((item, i) => {\n          const isLast = i === items.length - 1\n\n          return (\n            <div key={item.id} className=\"tollerud-timeline__item\" role=\"listitem\">\n              {/* Dot column */}\n              <div className=\"tollerud-timeline__marker\">\n                <div className=\"tollerud-timeline__dot-group\">\n                  {item.icon ? (\n                    <span className=\"tollerud-timeline__icon\">{item.icon}</span>\n                  ) : (\n                    <span\n                      className={cn(\n                        'tollerud-timeline__dot',\n                        active && 'tollerud-timeline__dot--active',\n                        item.status === 'online' && 'tollerud-timeline__dot--online',\n                        item.status === 'offline' && 'tollerud-timeline__dot--offline',\n                        item.status === 'warning' && 'tollerud-timeline__dot--warning',\n                        item.status === 'idle' && 'tollerud-timeline__dot--idle'\n                      )}\n                    />\n                  )}\n                  {!isLast && <div className=\"tollerud-timeline__line\" />}\n                </div>\n              </div>\n\n              {/* Content */}\n              <div className=\"tollerud-timeline__content\">\n                <div className=\"flex items-start justify-between gap-2\">\n                  <span className=\"tollerud-timeline__title\">{item.title}</span>\n                  <span className=\"tollerud-timeline__time\">{item.time}</span>\n                </div>\n                {item.description && (\n                  <p className=\"tollerud-timeline__description\">{item.description}</p>\n                )}\n                {item.meta && item.meta.length > 0 && (\n                  <div className=\"flex flex-wrap gap-1.5 mt-1\">\n                    {item.meta.map((m) => (\n                      <span key={m} className=\"tollerud-timeline__meta\">{m}</span>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  }\n)\nTimeline.displayName = 'Timeline'\n\nexport { Timeline }"]}