@tollerud/ui 1.1.4 → 3.0.0

package/dist/chunk-6UXW5YUC.js

@@ -0,0 +1,77 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { jsx } from 'react/jsx-runtime';
+
+var TooltipProvider = TooltipPrimitive.Provider;
+var TooltipContext = React.createContext(null);
+function Tooltip({
+  children,
+  defaultOpen,
+  open: controlledOpen,
+  onOpenChange: controlledOnOpenChange,
+  ...props
+}) {
+  const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const setOpen = isControlled ? controlledOnOpenChange ?? setInternalOpen : setInternalOpen;
+  return /* @__PURE__ */ jsx(TooltipContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { open, onOpenChange: (v) => setOpen(v), ...props, children }) });
+}
+Tooltip.displayName = "Tooltip";
+var TooltipTrigger = React.forwardRef(({ onClick, onTouchStart, children, ...props }, ref) => {
+  const ctx = React.useContext(TooltipContext);
+  const touchFired = React.useRef(false);
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Trigger,
+    {
+      ref,
+      onClick: (e) => {
+        if (touchFired.current) {
+          touchFired.current = false;
+          return;
+        }
+        if (ctx) {
+          ctx.setOpen(!ctx.open);
+        }
+        onClick?.(e);
+      },
+      onTouchStart: (e) => {
+        touchFired.current = true;
+        if (ctx && !ctx.open) {
+          ctx.setOpen(true);
+        }
+        onTouchStart?.(e);
+      },
+      ...props,
+      children
+    }
+  );
+});
+TooltipTrigger.displayName = "TooltipTrigger";
+var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border border-tollerud-border/30",
+      "bg-tollerud-noir-800 px-3 py-1.5 text-xs text-tollerud-foreground",
+      "shadow-md",
+      "animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-1",
+      "data-[side=left]:slide-in-from-right-1",
+      "data-[side=right]:slide-in-from-left-1",
+      "data-[side=top]:slide-in-from-bottom-1",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = "TooltipContent";
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=chunk-6UXW5YUC.js.map
+//# sourceMappingURL=chunk-6UXW5YUC.js.map

package/dist/chunk-6UXW5YUC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Tooltip.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,eAAA,GAAmC,gBAAA,CAAA;AAYzC,IAAM,cAAA,GAAuB,oBAA0C,IAAI,CAAA;AAE3E,SAAS,OAAA,CAAQ;AAAA,EACf,QAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA,EAAM,cAAA;AAAA,EACN,YAAA,EAAc,sBAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAiE;AAC/D,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAU,KAAA,CAAA,QAAA,CAAS,eAAe,KAAK,CAAA;AAC3E,EAAA,MAAM,eAAe,cAAA,KAAmB,MAAA;AACxC,EAAA,MAAM,IAAA,GAAO,eAAe,cAAA,GAAiB,YAAA;AAC7C,EAAA,MAAM,OAAA,GAAU,YAAA,GAAgB,sBAAA,IAA0B,eAAA,GAAmB,eAAA;AAE7E,EAAA,uBACE,GAAA,CAAC,eAAe,QAAA,EAAf,EAAwB,OAAO,EAAE,IAAA,EAAM,OAAA,EAAQ,EAC9C,QAAA,kBAAA,GAAA,CAAkB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,IAAA,EAAY,YAAA,EAAc,CAAC,CAAA,KAAe,OAAA,CAAQ,CAAC,CAAA,EAAI,GAAG,KAAA,EAC9E,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,OAAA,EAAS,cAAc,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxD,EAAA,MAAM,GAAA,GAAY,iBAAW,cAAc,CAAA;AAC3C,EAAA,MAAM,UAAA,GAAmB,aAAO,KAAK,CAAA;AAErC,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,GAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAM;AAEd,QAAA,IAAI,WAAW,OAAA,EAAS;AACtB,UAAA,UAAA,CAAW,OAAA,GAAU,KAAA;AACrB,UAAA;AAAA,QACF;AAEA,QAAA,IAAI,GAAA,EAAK;AACP,UAAA,GAAA,CAAI,OAAA,CAAQ,CAAC,GAAA,CAAI,IAAI,CAAA;AAAA,QACvB;AACA,QAAA,OAAA,GAAU,CAAC,CAAA;AAAA,MACb,CAAA;AAAA,MACA,YAAA,EAAc,CAAC,CAAA,KAAM;AACnB,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAErB,QAAA,IAAI,GAAA,IAAO,CAAC,GAAA,CAAI,IAAA,EAAM;AACpB,UAAA,GAAA,CAAI,QAAQ,IAAI,CAAA;AAAA,QAClB;AACA,QAAA,YAAA,GAAe,CAAC,CAAA;AAAA,MAClB,CAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,SAAA,EAAW,aAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1C,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,kEAAA;AAAA,MACA,mEAAA;AAAA,MACA,WAAA;AAAA,MACA,iCAAA;AAAA,MACA,gGAAA;AAAA,MACA,wCAAA;AAAA,MACA,wCAAA;AAAA,MACA,wCAAA;AAAA,MACA,wCAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-6UXW5YUC.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\n/* ── Mobile-friendly Tooltip ──\n   Opens on hover (desktop) AND on click/tap (mobile).\n   Uses React context so the Trigger can toggle Root's open state.\n   Closes on second click/tap or click outside. */\n\ntype TooltipContextValue = {\n  open: boolean\n  setOpen: (open: boolean) => void\n}\n\nconst TooltipContext = React.createContext<TooltipContextValue | null>(null)\n\nfunction Tooltip({\n  children,\n  defaultOpen,\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : internalOpen\n  const setOpen = isControlled ? (controlledOnOpenChange ?? setInternalOpen) : setInternalOpen\n\n  return (\n    <TooltipContext.Provider value={{ open, setOpen }}>\n      <TooltipPrimitive.Root open={open} onOpenChange={(v: boolean) => setOpen(v)} {...props}>\n        {children}\n      </TooltipPrimitive.Root>\n    </TooltipContext.Provider>\n  )\n}\nTooltip.displayName = 'Tooltip'\n\nconst TooltipTrigger = React.forwardRef<\n  React.ComponentRef<typeof TooltipPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>\n>(({ onClick, onTouchStart, children, ...props }, ref) => {\n  const ctx = React.useContext(TooltipContext)\n  const touchFired = React.useRef(false)\n\n  return (\n    <TooltipPrimitive.Trigger\n      ref={ref}\n      onClick={(e) => {\n        // Skip click if this was triggered by a touch (already handled)\n        if (touchFired.current) {\n          touchFired.current = false\n          return\n        }\n        // Toggle tooltip on click — covers mobile where hover doesn't fire\n        if (ctx) {\n          ctx.setOpen(!ctx.open)\n        }\n        onClick?.(e)\n      }}\n      onTouchStart={(e) => {\n        touchFired.current = true\n        // Open on touch for mobile\n        if (ctx && !ctx.open) {\n          ctx.setOpen(true)\n        }\n        onTouchStart?.(e)\n      }}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n})\nTooltipTrigger.displayName = 'TooltipTrigger'\n\nconst TooltipContent = React.forwardRef<\n  React.ComponentRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-tollerud-border/30',\n      'bg-tollerud-noir-800 px-3 py-1.5 text-xs text-tollerud-foreground',\n      'shadow-md',\n      'animate-in fade-in-0 zoom-in-95',\n      'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n      'data-[side=bottom]:slide-in-from-top-1',\n      'data-[side=left]:slide-in-from-right-1',\n      'data-[side=right]:slide-in-from-left-1',\n      'data-[side=top]:slide-in-from-bottom-1',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = 'TooltipContent'\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }"]}

package/dist/chunk-7EP2T3OW.js

@@ -0,0 +1,52 @@
+'use client';
+import { StatusDot } from './chunk-NHPISZWS.js';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ServiceHealthCard = forwardRef(
+  ({ className, service, status = "online", uptime, responseTime, version, loading, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border bg-tollerud-surface-raised p-4",
+          "transition-[border-color] duration-[150ms]",
+          status === "offline" && "border-tollerud-error/40",
+          status === "warning" && "border-tollerud-yellow/30",
+          status === "online" && "border-tollerud-border hover:border-tollerud-noir-500",
+          status === "idle" && "border-tollerud-border opacity-60",
+          loading && "animate-pulse",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground truncate", children: service }),
+            /* @__PURE__ */ jsx(StatusDot, { status })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted", children: [
+            uptime && /* @__PURE__ */ jsxs("span", { children: [
+              "Uptime: ",
+              /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: uptime })
+            ] }),
+            responseTime && /* @__PURE__ */ jsxs("span", { children: [
+              "Response: ",
+              /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: responseTime })
+            ] }),
+            version && /* @__PURE__ */ jsxs("span", { children: [
+              "Version: ",
+              /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: version })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ServiceHealthCard.displayName = "ServiceHealthCard";
+
+export { ServiceHealthCard };
+//# sourceMappingURL=chunk-7EP2T3OW.js.map
+//# sourceMappingURL=chunk-7EP2T3OW.js.map

package/dist/chunk-7EP2T3OW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/ServiceHealthCard.tsx"],"names":[],"mappings":";;;;;AAmBA,IAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,MAAA,GAAS,QAAA,EAAU,MAAA,EAAQ,YAAA,EAAc,OAAA,EAAS,OAAA,EAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACpG,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kDAAA;AAAA,UACA,4CAAA;AAAA,UACA,WAAW,SAAA,IAAa,0BAAA;AAAA,UACxB,WAAW,SAAA,IAAa,2BAAA;AAAA,UACxB,WAAW,QAAA,IAAY,uDAAA;AAAA,UACvB,WAAW,MAAA,IAAU,mCAAA;AAAA,UACrB,OAAA,IAAW,eAAA;AAAA,UACX;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,aAAU,MAAA,EAAgB;AAAA,WAAA,EAC7B,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACZ,QAAA,EAAA;AAAA,YAAA,MAAA,yBAAW,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,UAAA;AAAA,8BAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,MAAA,EAAO;AAAA,aAAA,EAAO,CAAA;AAAA,YACtF,YAAA,yBAAiB,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,YAAA;AAAA,8BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,YAAA,EAAa;AAAA,aAAA,EAAO,CAAA;AAAA,YACpG,OAAA,yBAAY,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,WAAA;AAAA,8BAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,OAAA,EAAQ;AAAA,aAAA,EAAO;AAAA,WAAA,EAC5F;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"chunk-7EP2T3OW.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { StatusDot, type Status } from './StatusDot'\n\nexport interface ServiceHealthCardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Service name */\n  service: string\n  /** Health status */\n  status?: Status\n  /** Uptime string (e.g. '14d 3h') */\n  uptime?: string\n  /** Response time in ms */\n  responseTime?: string\n  /** Current version */\n  version?: string\n  /** Whether the card is in a loading state */\n  loading?: boolean\n}\n\nconst ServiceHealthCard = forwardRef<HTMLDivElement, ServiceHealthCardProps>(\n  ({ className, service, status = 'online', uptime, responseTime, version, loading, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-lg border bg-tollerud-surface-raised p-4',\n          'transition-[border-color] duration-[150ms]',\n          status === 'offline' && 'border-tollerud-error/40',\n          status === 'warning' && 'border-tollerud-yellow/30',\n          status === 'online' && 'border-tollerud-border hover:border-tollerud-noir-500',\n          status === 'idle' && 'border-tollerud-border opacity-60',\n          loading && 'animate-pulse',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex items-center justify-between mb-2\">\n          <span className=\"text-sm font-semibold text-tollerud-foreground truncate\">\n            {service}\n          </span>\n          <StatusDot status={status} />\n        </div>\n        <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted\">\n          {uptime && <span>Uptime: <span className=\"text-tollerud-text-secondary\">{uptime}</span></span>}\n          {responseTime && <span>Response: <span className=\"text-tollerud-text-secondary\">{responseTime}</span></span>}\n          {version && <span>Version: <span className=\"text-tollerud-text-secondary\">{version}</span></span>}\n        </div>\n      </div>\n    )\n  }\n)\nServiceHealthCard.displayName = 'ServiceHealthCard'\n\nexport { ServiceHealthCard }\n"]}

package/dist/chunk-7J5QXUQN.js

@@ -0,0 +1,38 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef, Fragment } from 'react';
+import { ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Breadcrumb = forwardRef(
+  ({ className, items, separator, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", className: cn("text-sm", className), ...props, children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1.5 flex-wrap", children: items.map((item, i) => {
+      const isLast = i === items.length - 1;
+      const content = !isLast && (item.href || item.onClick) ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: item.href,
+          onClick: item.onClick,
+          className: "text-tollerud-text-secondary hover:text-tollerud-text-primary transition-colors duration-[150ms]",
+          children: item.label
+        }
+      ) : /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-current": isLast ? "page" : void 0,
+          className: isLast ? "text-tollerud-text-primary font-medium" : "text-tollerud-text-secondary",
+          children: item.label
+        }
+      );
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("li", { className: "flex items-center gap-1.5", children: content }),
+        !isLast && /* @__PURE__ */ jsx("li", { "aria-hidden": "true", className: "flex items-center text-tollerud-text-muted", children: separator ?? /* @__PURE__ */ jsx(ChevronRight, { size: 14 }) })
+      ] }, i);
+    }) }) });
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+
+export { Breadcrumb };
+//# sourceMappingURL=chunk-7J5QXUQN.js.map
+//# sourceMappingURL=chunk-7J5QXUQN.js.map

package/dist/chunk-7J5QXUQN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Breadcrumb.tsx"],"names":[],"mappings":";;;;;AAgBA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClD,IAAA,uBACE,GAAA,CAAC,SAAI,GAAA,EAAU,YAAA,EAAW,cAAa,SAAA,EAAW,EAAA,CAAG,WAAW,SAAS,CAAA,EAAI,GAAG,KAAA,EAC9E,QAAA,kBAAA,GAAA,CAAC,QAAG,SAAA,EAAU,qCAAA,EACX,gBAAM,GAAA,CAAI,CAAC,MAAM,CAAA,KAAM;AACtB,MAAA,MAAM,MAAA,GAAS,CAAA,KAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AACpC,MAAA,MAAM,UACJ,CAAC,MAAA,KAAW,IAAA,CAAK,IAAA,IAAQ,KAAK,OAAA,CAAA,mBAC5B,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,MAAM,IAAA,CAAK,IAAA;AAAA,UACX,SAAS,IAAA,CAAK,OAAA;AAAA,UACd,SAAA,EAAU,kGAAA;AAAA,UAET,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,OACR,mBAEA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,SAAS,MAAA,GAAS,MAAA;AAAA,UAChC,SAAA,EAAW,SAAS,wCAAA,GAA2C,8BAAA;AAAA,UAE9D,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,OACR;AAGJ,MAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAClD,CAAC,MAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EAAG,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,4CAAA,EAC9B,QAAA,EAAA,SAAA,oBAAa,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,IAAI,CAAA,EACxC;AAAA,OAAA,EAAA,EALW,CAOf,CAAA;AAAA,IAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-7J5QXUQN.js","sourcesContent":["import { type HTMLAttributes, Fragment, forwardRef } from 'react'\nimport { ChevronRight } from 'lucide-react'\nimport { cn } from '@/lib/utils'\n\nexport interface BreadcrumbItem {\n  label: React.ReactNode\n  href?: string\n  onClick?: () => void\n}\n\nexport interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {\n  items: BreadcrumbItem[]\n  /** Custom separator (defaults to a chevron) */\n  separator?: React.ReactNode\n}\n\nconst Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ className, items, separator, ...props }, ref) => {\n    return (\n      <nav ref={ref} aria-label=\"Breadcrumb\" className={cn('text-sm', className)} {...props}>\n        <ol className=\"flex items-center gap-1.5 flex-wrap\">\n          {items.map((item, i) => {\n            const isLast = i === items.length - 1\n            const content =\n              !isLast && (item.href || item.onClick) ? (\n                <a\n                  href={item.href}\n                  onClick={item.onClick}\n                  className=\"text-tollerud-text-secondary hover:text-tollerud-text-primary transition-colors duration-[150ms]\"\n                >\n                  {item.label}\n                </a>\n              ) : (\n                <span\n                  aria-current={isLast ? 'page' : undefined}\n                  className={isLast ? 'text-tollerud-text-primary font-medium' : 'text-tollerud-text-secondary'}\n                >\n                  {item.label}\n                </span>\n              )\n\n            return (\n              <Fragment key={i}>\n                <li className=\"flex items-center gap-1.5\">{content}</li>\n                {!isLast && (\n                  <li aria-hidden=\"true\" className=\"flex items-center text-tollerud-text-muted\">\n                    {separator ?? <ChevronRight size={14} />}\n                  </li>\n                )}\n              </Fragment>\n            )\n          })}\n        </ol>\n      </nav>\n    )\n  }\n)\nBreadcrumb.displayName = 'Breadcrumb'\n\nexport { Breadcrumb }\n"]}

package/dist/chunk-7TOT5ME3.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" && "bg-tollerud-success shadow-[0_0_6px_rgba(34,197,94,0.5)]",
+                    item.status === "offline" && "bg-tollerud-error",
+                    item.status === "warning" && "bg-tollerud-yellow shadow-[0_0_6px_rgba(232,213,0,0.5)]",
+                    !item.status && "bg-tollerud-noir-500"
+                  )
+                }
+              ),
+              !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-7TOT5ME3.js.map
+//# sourceMappingURL=chunk-7TOT5ME3.js.map

package/dist/chunk-7TOT5ME3.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,0DAAA;AAAA,oBAC5B,IAAA,CAAK,WAAW,SAAA,IAAa,mBAAA;AAAA,oBAC7B,IAAA,CAAK,WAAW,SAAA,IAAa,yDAAA;AAAA,oBAC7B,CAAC,KAAK,MAAA,IAAU;AAAA;AAClB;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-7TOT5ME3.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' && 'bg-tollerud-success shadow-[0_0_6px_rgba(34,197,94,0.5)]',\n                        item.status === 'offline' && 'bg-tollerud-error',\n                        item.status === 'warning' && 'bg-tollerud-yellow shadow-[0_0_6px_rgba(232,213,0,0.5)]',\n                        !item.status && 'bg-tollerud-noir-500'\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 }"]}

package/dist/chunk-A6L5C3IJ.js

@@ -0,0 +1,47 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var meterTones = {
+  default: "bg-tollerud-yellow",
+  success: "bg-tollerud-success",
+  warning: "bg-tollerud-warning",
+  error: "bg-tollerud-error"
+};
+var Meter = forwardRef(
+  ({ className, value, max = 100, label, showValue, tone = "default", ...props }, ref) => {
+    const pct = Math.min(100, Math.max(0, value / max * 100));
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1.5", className), ...props, children: [
+      (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+        label && /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: label }),
+        showValue && /* @__PURE__ */ jsxs("span", { className: "text-tollerud-text-muted tabular-nums", children: [
+          Math.round(pct),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "meter",
+          "aria-valuenow": value,
+          "aria-valuemin": 0,
+          "aria-valuemax": max,
+          className: "h-1.5 w-full overflow-hidden rounded-full bg-tollerud-surface-raised",
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("h-full rounded-full transition-[width] duration-300", meterTones[tone]),
+              style: { width: `${pct}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Meter.displayName = "Meter";
+
+export { Meter };
+//# sourceMappingURL=chunk-A6L5C3IJ.js.map
+//# sourceMappingURL=chunk-A6L5C3IJ.js.map

package/dist/chunk-A6L5C3IJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Meter.tsx"],"names":[],"mappings":";;;;AAGA,IAAM,UAAA,GAAa;AAAA,EACjB,OAAA,EAAS,oBAAA;AAAA,EACT,OAAA,EAAS,qBAAA;AAAA,EACT,OAAA,EAAS,qBAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAcA,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,GAAA,GAAM,GAAA,EAAK,KAAA,EAAO,SAAA,EAAW,IAAA,GAAO,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AACtF,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,IAAI,CAAA,EAAI,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAE1D,IAAA,uBACE,IAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,GAAG,uBAAA,EAAyB,SAAS,CAAA,EAAI,GAAG,KAAA,EAClE,QAAA,EAAA;AAAA,MAAA,CAAA,KAAA,IAAS,SAAA,qBACT,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC/D,SAAA,oBAAa,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uCAAA,EAAyC,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,UAAE;AAAA,SAAA,EAAC;AAAA,OAAA,EAC1F,CAAA;AAAA,sBAEF,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,OAAA;AAAA,UACL,eAAA,EAAe,KAAA;AAAA,UACf,eAAA,EAAe,CAAA;AAAA,UACf,eAAA,EAAe,GAAA;AAAA,UACf,SAAA,EAAU,sEAAA;AAAA,UAEV,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA,CAAG,qDAAA,EAAuD,UAAA,CAAW,IAAI,CAAC,CAAA;AAAA,cACrF,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA;AAAI;AAAA;AAC5B;AAAA;AACF,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-A6L5C3IJ.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nconst meterTones = {\n  default: 'bg-tollerud-yellow',\n  success: 'bg-tollerud-success',\n  warning: 'bg-tollerud-warning',\n  error: 'bg-tollerud-error',\n} as const\n\nexport interface MeterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Current value */\n  value: number\n  /** Maximum value (defaults to 100) */\n  max?: number\n  /** Optional label rendered above the bar */\n  label?: React.ReactNode\n  /** Show the numeric value/percentage to the right of the label */\n  showValue?: boolean\n  tone?: keyof typeof meterTones\n}\n\nconst Meter = forwardRef<HTMLDivElement, MeterProps>(\n  ({ className, value, max = 100, label, showValue, tone = 'default', ...props }, ref) => {\n    const pct = Math.min(100, Math.max(0, (value / max) * 100))\n\n    return (\n      <div ref={ref} className={cn('flex flex-col gap-1.5', className)} {...props}>\n        {(label || showValue) && (\n          <div className=\"flex items-center justify-between text-xs\">\n            {label && <span className=\"text-tollerud-text-secondary\">{label}</span>}\n            {showValue && <span className=\"text-tollerud-text-muted tabular-nums\">{Math.round(pct)}%</span>}\n          </div>\n        )}\n        <div\n          role=\"meter\"\n          aria-valuenow={value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          className=\"h-1.5 w-full overflow-hidden rounded-full bg-tollerud-surface-raised\"\n        >\n          <div\n            className={cn('h-full rounded-full transition-[width] duration-300', meterTones[tone])}\n            style={{ width: `${pct}%` }}\n          />\n        </div>\n      </div>\n    )\n  }\n)\nMeter.displayName = 'Meter'\n\nexport { Meter }\n"]}

package/dist/chunk-ANW6J6PV.js

@@ -0,0 +1,42 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var toneStyles = {
+  default: { wrapper: "border-tollerud-border bg-tollerud-surface-raised", icon: "text-tollerud-text-muted" },
+  accent: { wrapper: "border-tollerud-yellow/30 bg-tollerud-yellow/5", icon: "text-tollerud-yellow" },
+  info: { wrapper: "border-blue-500/30 bg-blue-500/5", icon: "text-blue-400" },
+  success: { wrapper: "border-green-500/30 bg-green-500/5", icon: "text-green-400" },
+  error: { wrapper: "border-red-500/30 bg-red-500/5", icon: "text-red-400" }
+};
+var Alert = forwardRef(
+  ({ className, tone = "default", title, icon, children, ...props }, ref) => {
+    const styles = toneStyles[tone];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(
+          "flex gap-3 rounded-md border p-4",
+          styles.wrapper,
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: cn("mt-0.5 flex-shrink-0 w-[18px] h-[18px]", styles.icon), children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            title && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-tollerud-text-primary leading-snug", children: title }),
+            children && /* @__PURE__ */ jsx("p", { className: cn("text-sm text-tollerud-text-secondary leading-relaxed", title && "mt-1"), children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export { Alert };
+//# sourceMappingURL=chunk-ANW6J6PV.js.map
+//# sourceMappingURL=chunk-ANW6J6PV.js.map

package/dist/chunk-ANW6J6PV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Alert.tsx"],"names":[],"mappings":";;;;AAGA,IAAM,UAAA,GAAa;AAAA,EACjB,OAAA,EAAS,EAAE,OAAA,EAAS,mDAAA,EAAqD,MAAM,0BAAA,EAA2B;AAAA,EAC1G,MAAA,EAAS,EAAE,OAAA,EAAS,gDAAA,EAAqD,MAAM,sBAAA,EAAuB;AAAA,EACtG,IAAA,EAAS,EAAE,OAAA,EAAS,kCAAA,EAAqD,MAAM,eAAA,EAAgB;AAAA,EAC/F,OAAA,EAAS,EAAE,OAAA,EAAS,oCAAA,EAAqD,MAAM,gBAAA,EAAiB;AAAA,EAChG,KAAA,EAAS,EAAE,OAAA,EAAS,gCAAA,EAAqD,MAAM,cAAA;AACjF,CAAA;AAQA,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,SAAA,EAAW,KAAA,EAAO,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACzE,IAAA,MAAM,MAAA,GAAS,WAAW,IAAI,CAAA;AAC9B,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,kCAAA;AAAA,UACA,MAAA,CAAO,OAAA;AAAA,UACP;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBACC,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,0CAA0C,MAAA,CAAO,IAAI,GACtE,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,0BAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+DAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,YAED,QAAA,wBACE,GAAA,EAAA,EAAE,SAAA,EAAW,GAAG,sDAAA,EAAwD,KAAA,IAAS,MAAM,CAAA,EACrF,QAAA,EACH;AAAA,WAAA,EAEJ;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-ANW6J6PV.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nconst toneStyles = {\n  default: { wrapper: 'border-tollerud-border bg-tollerud-surface-raised', icon: 'text-tollerud-text-muted' },\n  accent:  { wrapper: 'border-tollerud-yellow/30 bg-tollerud-yellow/5',    icon: 'text-tollerud-yellow' },\n  info:    { wrapper: 'border-blue-500/30 bg-blue-500/5',                  icon: 'text-blue-400' },\n  success: { wrapper: 'border-green-500/30 bg-green-500/5',                icon: 'text-green-400' },\n  error:   { wrapper: 'border-red-500/30 bg-red-500/5',                    icon: 'text-red-400' },\n} as const\n\nexport interface AlertProps extends HTMLAttributes<HTMLDivElement> {\n  tone?: keyof typeof toneStyles\n  title?: string\n  icon?: React.ReactNode\n}\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, tone = 'default', title, icon, children, ...props }, ref) => {\n    const styles = toneStyles[tone]\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(\n          'flex gap-3 rounded-md border p-4',\n          styles.wrapper,\n          className\n        )}\n        {...props}\n      >\n        {icon && (\n          <span className={cn('mt-0.5 flex-shrink-0 w-[18px] h-[18px]', styles.icon)}>\n            {icon}\n          </span>\n        )}\n        <div className=\"min-w-0\">\n          {title && (\n            <p className=\"text-sm font-semibold text-tollerud-text-primary leading-snug\">\n              {title}\n            </p>\n          )}\n          {children && (\n            <p className={cn('text-sm text-tollerud-text-secondary leading-relaxed', title && 'mt-1')}>\n              {children}\n            </p>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nAlert.displayName = 'Alert'\n\nexport { Alert }\n"]}

package/dist/chunk-APFFKNPS.js

@@ -0,0 +1,80 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var stateStyles = {
+  pending: "border-tollerud-yellow/30 hover:border-tollerud-yellow/50",
+  approved: "border-tollerud-success/40 opacity-70",
+  rejected: "border-tollerud-error/40 opacity-70"
+};
+var stateLabels = {
+  pending: { text: "Awaiting approval", cls: "text-tollerud-yellow" },
+  approved: { text: "Approved", cls: "text-tollerud-success" },
+  rejected: { text: "Rejected", cls: "text-tollerud-error" }
+};
+var ApprovalCard = forwardRef(
+  ({ className, action, description, source, state = "pending", timestamp, onApprove, onReject, disabled, loading, ...props }, ref) => {
+    const label = stateLabels[state];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border bg-tollerud-surface-raised p-4",
+          "transition-all duration-[150ms]",
+          stateStyles[state],
+          loading && "animate-pulse",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground truncate", children: action }),
+            /* @__PURE__ */ jsx("span", { className: cn("text-[11px] font-medium whitespace-nowrap ml-2", label.cls), children: label.text })
+          ] }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-xs text-tollerud-text-secondary mb-1.5 leading-relaxed", children: description }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-0.5 text-[11px] text-tollerud-text-muted mb-3", children: [
+            source && /* @__PURE__ */ jsx("span", { className: "font-mono", children: source }),
+            timestamp && /* @__PURE__ */ jsx("span", { children: timestamp })
+          ] }),
+          state === "pending" && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled,
+                onClick: onApprove,
+                className: cn(
+                  "flex-1 rounded-md px-3 py-1.5 text-xs font-semibold transition-all",
+                  "bg-tollerud-success text-tollerud-text-inverse",
+                  "hover:brightness-110 disabled:opacity-40 disabled:cursor-not-allowed"
+                ),
+                children: "Approve"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled,
+                onClick: onReject,
+                className: cn(
+                  "flex-1 rounded-md px-3 py-1.5 text-xs font-semibold transition-all",
+                  "bg-tollerud-error text-white",
+                  "hover:brightness-110 disabled:opacity-40 disabled:cursor-not-allowed"
+                ),
+                children: "Reject"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+ApprovalCard.displayName = "ApprovalCard";
+
+export { ApprovalCard };
+//# sourceMappingURL=chunk-APFFKNPS.js.map
+//# sourceMappingURL=chunk-APFFKNPS.js.map

package/dist/chunk-APFFKNPS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/ApprovalCard.tsx"],"names":[],"mappings":";;;;AA0BA,IAAM,WAAA,GAA6C;AAAA,EACjD,OAAA,EAAU,2DAAA;AAAA,EACV,QAAA,EAAU,uCAAA;AAAA,EACV,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,WAAA,GAAoE;AAAA,EACxE,OAAA,EAAU,EAAE,IAAA,EAAM,mBAAA,EAAqB,KAAK,sBAAA,EAAuB;AAAA,EACnE,QAAA,EAAU,EAAE,IAAA,EAAM,UAAA,EAAY,KAAK,uBAAA,EAAwB;AAAA,EAC3D,QAAA,EAAU,EAAE,IAAA,EAAM,UAAA,EAAY,KAAK,qBAAA;AACrC,CAAA;AAEA,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,WAAA,EAAa,QAAQ,KAAA,GAAQ,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,UAAU,QAAA,EAAU,OAAA,EAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACnI,IAAA,MAAM,KAAA,GAAQ,YAAY,KAAK,CAAA;AAE/B,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kDAAA;AAAA,UACA,iCAAA;AAAA,UACA,YAAY,KAAK,CAAA;AAAA,UACjB,OAAA,IAAW,eAAA;AAAA,UACX;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0CAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EAA2D,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,4BAClF,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,kDAAkD,KAAA,CAAM,GAAG,CAAA,EAAI,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK;AAAA,WAAA,EAChG,CAAA;AAAA,UACC,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+DAA+D,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,0BAE1F,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4EAAA,EACZ,QAAA,EAAA;AAAA,YAAA,MAAA,oBAAU,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,YAC9C,SAAA,oBAAa,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,SAAA,EAAU;AAAA,WAAA,EACjC,CAAA;AAAA,UACC,KAAA,KAAU,SAAA,oBACT,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,YAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,QAAA;AAAA,gBACA,OAAA,EAAS,SAAA;AAAA,gBACT,SAAA,EAAW,EAAA;AAAA,kBACT,oEAAA;AAAA,kBACA,gDAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBACD,QAAA,EAAA;AAAA;AAAA,aAED;AAAA,4BACA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,QAAA;AAAA,gBACA,OAAA,EAAS,QAAA;AAAA,gBACT,SAAA,EAAW,EAAA;AAAA,kBACT,oEAAA;AAAA,kBACA,8BAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBACD,QAAA,EAAA;AAAA;AAAA;AAED,WAAA,EACF;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-APFFKNPS.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport type ApprovalState = 'pending' | 'approved' | 'rejected'\n\nexport interface ApprovalCardProps extends HTMLAttributes<HTMLDivElement> {\n  /** Action being approved */\n  action: string\n  /** Description of what will happen */\n  description?: string\n  /** Source (e.g. 'Emma → backup.sh') */\n  source?: string\n  /** Current approval state */\n  state?: ApprovalState\n  /** Timestamp of the request */\n  timestamp?: string\n  /** Called when user approves */\n  onApprove?: () => void\n  /** Called when user rejects */\n  onReject?: () => void\n  /** Whether actions are disabled */\n  disabled?: boolean\n  /** Whether the card is loading */\n  loading?: boolean\n}\n\nconst stateStyles: Record<ApprovalState, string> = {\n  pending:  'border-tollerud-yellow/30 hover:border-tollerud-yellow/50',\n  approved: 'border-tollerud-success/40 opacity-70',\n  rejected: 'border-tollerud-error/40 opacity-70',\n}\n\nconst stateLabels: Record<ApprovalState, { text: string; cls: string }> = {\n  pending:  { text: 'Awaiting approval', cls: 'text-tollerud-yellow' },\n  approved: { text: 'Approved', cls: 'text-tollerud-success' },\n  rejected: { text: 'Rejected', cls: 'text-tollerud-error' },\n}\n\nconst ApprovalCard = forwardRef<HTMLDivElement, ApprovalCardProps>(\n  ({ className, action, description, source, state = 'pending', timestamp, onApprove, onReject, disabled, loading, ...props }, ref) => {\n    const label = stateLabels[state]\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-lg border bg-tollerud-surface-raised p-4',\n          'transition-all duration-[150ms]',\n          stateStyles[state],\n          loading && 'animate-pulse',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"flex items-center justify-between mb-1.5\">\n          <span className=\"text-sm font-semibold text-tollerud-foreground truncate\">{action}</span>\n          <span className={cn('text-[11px] font-medium whitespace-nowrap ml-2', label.cls)}>{label.text}</span>\n        </div>\n        {description && (\n          <p className=\"text-xs text-tollerud-text-secondary mb-1.5 leading-relaxed\">{description}</p>\n        )}\n        <div className=\"flex flex-wrap gap-x-4 gap-y-0.5 text-[11px] text-tollerud-text-muted mb-3\">\n          {source && <span className=\"font-mono\">{source}</span>}\n          {timestamp && <span>{timestamp}</span>}\n        </div>\n        {state === 'pending' && (\n          <div className=\"flex gap-2\">\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={onApprove}\n              className={cn(\n                'flex-1 rounded-md px-3 py-1.5 text-xs font-semibold transition-all',\n                'bg-tollerud-success text-tollerud-text-inverse',\n                'hover:brightness-110 disabled:opacity-40 disabled:cursor-not-allowed'\n              )}\n            >\n              Approve\n            </button>\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={onReject}\n              className={cn(\n                'flex-1 rounded-md px-3 py-1.5 text-xs font-semibold transition-all',\n                'bg-tollerud-error text-white',\n                'hover:brightness-110 disabled:opacity-40 disabled:cursor-not-allowed'\n              )}\n            >\n              Reject\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nApprovalCard.displayName = 'ApprovalCard'\n\nexport { ApprovalCard }\n"]}

package/dist/chunk-AZADSX4Z.js

@@ -0,0 +1,85 @@
+'use client';
+import { IncidentCard } from './chunk-EN4OJCEF.js';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var AlertInbox = forwardRef(
+  ({ className, alerts, filterSeverity = "", onAcknowledge, loading, emptyMessage = "All clear \u2014 no incidents", ...props }, ref) => {
+    const filtered = filterSeverity ? alerts.filter((a) => a.severity === filterSeverity) : alerts;
+    const counts = {
+      total: alerts.length,
+      unacknowledged: alerts.filter((a) => !a.acknowledged).length,
+      critical: alerts.filter((a) => a.severity === "critical" && !a.acknowledged).length
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border border-tollerud-border bg-tollerud-surface-raised overflow-hidden",
+          loading && "animate-pulse",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-tollerud-border", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground", children: "Alerts" }),
+              counts.unacknowledged > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[11px] text-tollerud-error font-medium", children: [
+                /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-tollerud-error animate-pulse" }),
+                counts.unacknowledged,
+                " unread"
+              ] }),
+              counts.critical > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-tollerud-error font-bold", children: [
+                counts.critical,
+                " critical"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-tollerud-text-muted", children: [
+              filtered.length,
+              " of ",
+              alerts.length
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "divide-y divide-tollerud-border/50 max-h-[480px] overflow-y-auto", children: [
+            filtered.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-4 py-8 text-xs text-center text-tollerud-text-muted", children: emptyMessage }),
+            filtered.map((alert) => /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+              /* @__PURE__ */ jsx(
+                IncidentCard,
+                {
+                  title: alert.title,
+                  severity: alert.severity,
+                  timestamp: alert.timestamp,
+                  description: alert.description,
+                  service: alert.service,
+                  acknowledged: alert.acknowledged,
+                  className: "border-0 rounded-none bg-transparent hover:bg-tollerud-noir-800/30"
+                }
+              ),
+              alert.acknowledged && /* @__PURE__ */ jsx("span", { className: "absolute bottom-2 right-3 text-[10px] font-medium text-tollerud-text-muted/50", children: "Acknowledged" }),
+              !alert.acknowledged && onAcknowledge && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onAcknowledge(alert.id),
+                  className: cn(
+                    "absolute bottom-2 right-3 text-[10px] font-medium px-2 py-0.5 rounded",
+                    "text-tollerud-yellow/70 hover:text-tollerud-yellow hover:bg-tollerud-yellow/10",
+                    "opacity-0 group-hover:opacity-100 transition-opacity duration-150"
+                  ),
+                  children: "Acknowledge"
+                }
+              )
+            ] }, alert.id))
+          ] })
+        ]
+      }
+    );
+  }
+);
+AlertInbox.displayName = "AlertInbox";
+
+export { AlertInbox };
+//# sourceMappingURL=chunk-AZADSX4Z.js.map
+//# sourceMappingURL=chunk-AZADSX4Z.js.map

package/dist/chunk-AZADSX4Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/AlertInbox.tsx"],"names":[],"mappings":"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","file":"chunk-AZADSX4Z.js","sourcesContent":["'use client'\n\nimport { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { IncidentCard, type IncidentSeverity } from './IncidentCard'\n\nexport interface AlertItem {\n  id: string\n  title: string\n  severity: IncidentSeverity\n  timestamp: string\n  description?: string\n  service?: string\n  acknowledged?: boolean\n}\n\nexport interface AlertInboxProps extends HTMLAttributes<HTMLDivElement> {\n  alerts: AlertItem[]\n  filterSeverity?: IncidentSeverity | ''\n  onAcknowledge?: (id: string) => void\n  loading?: boolean\n  emptyMessage?: string\n}\n\nconst AlertInbox = forwardRef<HTMLDivElement, AlertInboxProps>(\n  ({ className, alerts, filterSeverity = '', onAcknowledge, loading, emptyMessage = 'All clear — no incidents', ...props }, ref) => {\n    const filtered = filterSeverity\n      ? alerts.filter((a) => a.severity === filterSeverity)\n      : alerts\n\n    const counts = {\n      total: alerts.length,\n      unacknowledged: alerts.filter((a) => !a.acknowledged).length,\n      critical: alerts.filter((a) => a.severity === 'critical' && !a.acknowledged).length,\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'rounded-lg border border-tollerud-border bg-tollerud-surface-raised overflow-hidden',\n          loading && 'animate-pulse',\n          className\n        )}\n        {...props}\n      >\n        {/* Header bar */}\n        <div className=\"flex items-center justify-between px-4 py-3 border-b border-tollerud-border\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm font-semibold text-tollerud-foreground\">Alerts</span>\n            {counts.unacknowledged > 0 && (\n              <span className=\"inline-flex items-center gap-1 text-[11px] text-tollerud-error font-medium\">\n                <span className=\"w-1.5 h-1.5 rounded-full bg-tollerud-error animate-pulse\" />\n                {counts.unacknowledged} unread\n              </span>\n            )}\n            {counts.critical > 0 && (\n              <span className=\"text-[11px] text-tollerud-error font-bold\">{counts.critical} critical</span>\n            )}\n          </div>\n          <span className=\"text-xs text-tollerud-text-muted\">{filtered.length} of {alerts.length}</span>\n        </div>\n\n        {/* Alert list */}\n        <div className=\"divide-y divide-tollerud-border/50 max-h-[480px] overflow-y-auto\">\n          {filtered.length === 0 && (\n            <div className=\"px-4 py-8 text-xs text-center text-tollerud-text-muted\">{emptyMessage}</div>\n          )}\n          {filtered.map((alert) => (\n            <div key={alert.id} className=\"relative group\">\n              <IncidentCard\n                title={alert.title}\n                severity={alert.severity}\n                timestamp={alert.timestamp}\n                description={alert.description}\n                service={alert.service}\n                acknowledged={alert.acknowledged}\n                className=\"border-0 rounded-none bg-transparent hover:bg-tollerud-noir-800/30\"\n              />\n              {/* Acknowledged indicator */}\n              {alert.acknowledged && (\n                <span className=\"absolute bottom-2 right-3 text-[10px] font-medium text-tollerud-text-muted/50\">\n                  Acknowledged\n                </span>\n              )}\n              {/* Acknowledge button */}\n              {!alert.acknowledged && onAcknowledge && (\n                <button\n                  type=\"button\"\n                  onClick={() => onAcknowledge(alert.id)}\n                  className={cn(\n                    'absolute bottom-2 right-3 text-[10px] font-medium px-2 py-0.5 rounded',\n                    'text-tollerud-yellow/70 hover:text-tollerud-yellow hover:bg-tollerud-yellow/10',\n                    'opacity-0 group-hover:opacity-100 transition-opacity duration-150'\n                  )}\n                >\n                  Acknowledge\n                </button>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\nAlertInbox.displayName = 'AlertInbox'\n\nexport { AlertInbox }"]}

package/dist/chunk-BPCH5LJ3.js

@@ -0,0 +1,36 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Input = forwardRef(
+  ({ className, label, error, id, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      label && /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-xs font-medium text-tollerud-text-muted", children: label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          id,
+          className: cn(
+            "font-sans text-base px-3 py-2 rounded",
+            "bg-tollerud-surface-raised border",
+            "text-tollerud-text-primary",
+            "placeholder:text-tollerud-text-muted",
+            "transition-[border-color] duration-[150ms]",
+            "focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_#E8D500]",
+            error ? "border-tollerud-error" : "border-tollerud-border",
+            className
+          ),
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-tollerud-error mt-0.5", children: error })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=chunk-BPCH5LJ3.js.map
+//# sourceMappingURL=chunk-BPCH5LJ3.js.map

package/dist/chunk-BPCH5LJ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Input.tsx"],"names":[],"mappings":";;;;AAQA,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAO,EAAA,EAAI,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClD,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,wBACE,OAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,SAAA,EAAU,gDAC3B,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,sBAEF,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,EAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,uCAAA;AAAA,YACA,mCAAA;AAAA,YACA,4BAAA;AAAA,YACA,sCAAA;AAAA,YACA,4CAAA;AAAA,YACA,kFAAA;AAAA,YACA,QAAQ,uBAAA,GAA0B,wBAAA;AAAA,YAClC;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,KAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sCAAsC,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAE7D,CAAA;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-BPCH5LJ3.js","sourcesContent":["import { type InputHTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: string\n  error?: string\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, label, error, id, ...props }, ref) => {\n    return (\n      <div className=\"flex flex-col gap-1\">\n        {label && (\n          <label htmlFor={id} className=\"text-xs font-medium text-tollerud-text-muted\">\n            {label}\n          </label>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          className={cn(\n            'font-sans text-base px-3 py-2 rounded',\n            'bg-tollerud-surface-raised border',\n            'text-tollerud-text-primary',\n            'placeholder:text-tollerud-text-muted',\n            'transition-[border-color] duration-[150ms]',\n            'focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_#E8D500]',\n            error ? 'border-tollerud-error' : 'border-tollerud-border',\n            className\n          )}\n          {...props}\n        />\n        {error && (\n          <p className=\"text-xs text-tollerud-error mt-0.5\">{error}</p>\n        )}\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"]}