@tollerud/ui 1.1.4 → 3.0.0

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,27 @@
+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;
+    size?: keyof typeof avatarSizes;
+}
+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;
+    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-DGCRHVWW.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,5 @@
+'use client';
+export { BentoDashboard } from './chunk-PLF3BBQI.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 before:content-[\"❯_\"] before:opacity-70 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-RWJELAS6.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"]}