@tollerud/ui 1.1.5 → 3.1.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/AreaChart.tsx"],"names":[],"mappings":"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","file":"chunk-6PZKU6ZL.js","sourcesContent":["import { type HTMLAttributes, forwardRef, useId } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface AreaChartProps extends HTMLAttributes<HTMLDivElement> {\n  data: number[]\n  height?: number\n}\n\nconst AreaChart = forwardRef<HTMLDivElement, AreaChartProps>(\n  ({ className, data, height = 180, ...props }, ref) => {\n    const gradientId = useId().replace(/:/g, '')\n    const w = 520\n    const h = height\n    const pad = 8\n    const max = Math.max(...data) * 1.1\n    const min = Math.min(...data, 0)\n    const span = Math.max(data.length - 1, 1)\n    const x = (i: number) => pad + (i / span) * (w - pad * 2)\n    const y = (v: number) => h - pad - ((v - min) / (max - min || 1)) * (h - pad * 2)\n    const line = data.map((v, i) => `${x(i)},${y(v)}`).join(' ')\n    const area = `${pad},${h - pad} ${line} ${w - pad},${h - pad}`\n\n    return (\n      <div ref={ref} className={cn('w-full', className)} {...props}>\n        <svg\n          viewBox={`0 0 ${w} ${h}`}\n          className=\"w-full\"\n          style={{ height }}\n          preserveAspectRatio=\"none\"\n          role=\"img\"\n          aria-hidden=\"true\"\n        >\n          <defs>\n            <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stopColor=\"#E8D500\" stopOpacity=\"0.30\" />\n              <stop offset=\"100%\" stopColor=\"#E8D500\" stopOpacity=\"0\" />\n            </linearGradient>\n          </defs>\n          {[0.25, 0.5, 0.75].map((g, i) => (\n            <line\n              key={i}\n              x1={pad}\n              x2={w - pad}\n              y1={h * g}\n              y2={h * g}\n              stroke=\"var(--chart-grid)\"\n              strokeWidth=\"1\"\n            />\n          ))}\n          <polygon points={area} fill={`url(#${gradientId})`} />\n          <polyline\n            points={line}\n            fill=\"none\"\n            stroke=\"#E8D500\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n          {data.map((v, i) => (\n            <circle\n              key={i}\n              cx={x(i)}\n              cy={y(v)}\n              r=\"2.5\"\n              fill=\"var(--card)\"\n              stroke=\"#E8D500\"\n              strokeWidth=\"1.5\"\n            />\n          ))}\n        </svg>\n      </div>\n    )\n  }\n)\nAreaChart.displayName = 'AreaChart'\n\nexport { AreaChart }\n"]}

package/dist/chunk-6SKTH45H.js

@@ -0,0 +1,75 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef, useId } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RadioGroup = forwardRef(
+  ({ label, error, children, className }, ref) => {
+    return /* @__PURE__ */ jsxs("fieldset", { ref, className: cn("flex flex-col gap-1", className), children: [
+      label && /* @__PURE__ */ jsx("legend", { className: "text-xs font-medium text-tollerud-text-muted mb-1", children: label }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-tollerud-error mt-0.5", children: error })
+    ] });
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+var Radio = forwardRef(
+  ({ className, label, id: idProp, ...props }, ref) => {
+    const autoId = useId();
+    const id = idProp ?? autoId;
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: id,
+        className: cn(
+          "inline-flex items-center gap-2 cursor-pointer select-none group",
+          "text-sm text-tollerud-text-primary",
+          props.disabled && "opacity-50 pointer-events-none",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "relative flex items-center justify-center", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref,
+                id,
+                type: "radio",
+                className: "peer sr-only",
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "h-4 w-4 rounded-full border transition-all duration-[150ms]",
+                  "bg-tollerud-surface-raised border-tollerud-border",
+                  "peer-focus-visible:outline-2 peer-focus-visible:outline-tollerud-yellow",
+                  "peer-checked:border-tollerud-yellow",
+                  "group-hover:border-tollerud-text-secondary",
+                  "flex items-center justify-center"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "h-2 w-2 rounded-full bg-tollerud-yellow transition-opacity duration-[150ms]",
+                      props.checked ? "opacity-100" : "opacity-0"
+                    )
+                  }
+                )
+              }
+            )
+          ] }),
+          label && /* @__PURE__ */ jsx("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+Radio.displayName = "Radio";
+
+export { Radio, RadioGroup };
+//# sourceMappingURL=chunk-6SKTH45H.js.map
+//# sourceMappingURL=chunk-6SKTH45H.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/RadioGroup.tsx"],"names":[],"mappings":";;;;AAcA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,KAAA,EAAO,OAAO,QAAA,EAAU,SAAA,IAAa,GAAA,KAAQ;AAC9C,IAAA,4BACG,UAAA,EAAA,EAAS,GAAA,EAAU,WAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EAC/D,QAAA,EAAA;AAAA,MAAA,KAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,mDAAA,EACf,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,sBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAS,CAAA;AAAA,MAC9C,KAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sCAAsC,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAE7D,CAAA;AAAA,EAEJ;AACF;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,IAAI,MAAA,EAAQ,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnD,IAAA,MAAM,SAAS,KAAA,EAAM;AACrB,IAAA,MAAM,KAAK,MAAA,IAAU,MAAA;AAErB,IAAA,uBACE,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,iEAAA;AAAA,UACA,oCAAA;AAAA,UACA,MAAM,QAAA,IAAY,gCAAA;AAAA,UAClB;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,2CAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,GAAA;AAAA,gBACA,EAAA;AAAA,gBACA,IAAA,EAAK,OAAA;AAAA,gBACL,SAAA,EAAU,cAAA;AAAA,gBACT,GAAG;AAAA;AAAA,aACN;AAAA,4BAEA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,6DAAA;AAAA,kBACA,mDAAA;AAAA,kBACA,yEAAA;AAAA,kBACA,qCAAA;AAAA,kBACA,4CAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAGA,QAAA,kBAAA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,6EAAA;AAAA,sBACA,KAAA,CAAM,UAAU,aAAA,GAAgB;AAAA;AAClC;AAAA;AACF;AAAA;AACF,WAAA,EACF,CAAA;AAAA,UACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,KACzB;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-6SKTH45H.js","sourcesContent":["'use client'\n\nimport { type InputHTMLAttributes, forwardRef, useId } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface RadioGroupProps {\n  /** Group label */\n  label?: string\n  /** Error message */\n  error?: string\n  children?: React.ReactNode\n  className?: string\n}\n\nconst RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(\n  ({ label, error, children, className }, ref) => {\n    return (\n      <fieldset ref={ref} className={cn('flex flex-col gap-1', className)}>\n        {label && (\n          <legend className=\"text-xs font-medium text-tollerud-text-muted mb-1\">\n            {label}\n          </legend>\n        )}\n        <div className=\"flex flex-col gap-2\">{children}</div>\n        {error && (\n          <p className=\"text-xs text-tollerud-error mt-0.5\">{error}</p>\n        )}\n      </fieldset>\n    )\n  }\n)\nRadioGroup.displayName = 'RadioGroup'\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  label?: string\n}\n\nconst Radio = forwardRef<HTMLInputElement, RadioProps>(\n  ({ className, label, id: idProp, ...props }, ref) => {\n    const autoId = useId()\n    const id = idProp ?? autoId\n\n    return (\n      <label\n        htmlFor={id}\n        className={cn(\n          'inline-flex items-center gap-2 cursor-pointer select-none group',\n          'text-sm text-tollerud-text-primary',\n          props.disabled && 'opacity-50 pointer-events-none',\n          className\n        )}\n      >\n        <span className=\"relative flex items-center justify-center\">\n          <input\n            ref={ref}\n            id={id}\n            type=\"radio\"\n            className=\"peer sr-only\"\n            {...props}\n          />\n          {/* Custom radio circle */}\n          <span\n            className={cn(\n              'h-4 w-4 rounded-full border transition-all duration-[150ms]',\n              'bg-tollerud-surface-raised border-tollerud-border',\n              'peer-focus-visible:outline-2 peer-focus-visible:outline-tollerud-yellow',\n              'peer-checked:border-tollerud-yellow',\n              'group-hover:border-tollerud-text-secondary',\n              'flex items-center justify-center'\n            )}\n          >\n            {/* Inner dot */}\n            <span\n              className={cn(\n                'h-2 w-2 rounded-full bg-tollerud-yellow transition-opacity duration-[150ms]',\n                props.checked ? 'opacity-100' : 'opacity-0'\n              )}\n            />\n          </span>\n        </span>\n        {label && <span>{label}</span>}\n      </label>\n    )\n  }\n)\nRadio.displayName = 'Radio'\n\nexport { RadioGroup, Radio }"]}

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-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-ADE22JSR.js

@@ -0,0 +1,54 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { jsx } from 'react/jsx-runtime';
+
+var variants = {
+  primary: "bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow hover:shadow-tollerud-glow",
+  secondary: "bg-transparent text-tollerud-text-primary border-tollerud-border hover:border-tollerud-text-secondary hover:bg-tollerud-surface-hover",
+  ghost: "bg-transparent text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover",
+  destructive: "bg-tollerud-error text-white border-tollerud-error hover:shadow-[0_0_12px_rgba(239,68,68,0.3)]",
+  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)]"
+};
+var variantLayers = {
+  primary: "tollerud-btn--primary",
+  secondary: "",
+  ghost: "",
+  destructive: "",
+  terminal: "tollerud-btn--terminal"
+};
+var sizes = {
+  sm: "px-3 py-1 text-sm",
+  md: "px-4 py-2 text-base",
+  lg: "px-6 py-3 text-lg"
+};
+function buttonVariants({ variant = "secondary", size = "md", className } = {}) {
+  return cn(
+    "tollerud-btn inline-flex items-center justify-center gap-2 font-semibold rounded transition-all duration-[150ms] focus-visible:outline-2 focus-visible:outline-tollerud-yellow focus-visible:outline-offset-2",
+    "border cursor-pointer",
+    "disabled:opacity-50 disabled:pointer-events-none",
+    variants[variant],
+    variantLayers[variant],
+    sizes[size],
+    className
+  );
+}
+var Button = forwardRef(
+  ({ className, variant = "secondary", size = "md", asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: buttonVariants({ variant, size, className }),
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };
+//# sourceMappingURL=chunk-ADE22JSR.js.map
+//# sourceMappingURL=chunk-ADE22JSR.js.map

package/dist/chunk-ADE22JSR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Button.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,QAAA,GAAW;AAAA,EACf,OAAA,EAAS,mHAAA;AAAA,EACT,SAAA,EAAW,uIAAA;AAAA,EACX,KAAA,EAAO,iIAAA;AAAA,EACP,WAAA,EAAa,gGAAA;AAAA,EACb,QAAA,EAAU;AACZ,CAAA;AAGA,IAAM,aAAA,GAAgB;AAAA,EACpB,OAAA,EAAS,uBAAA;AAAA,EACT,SAAA,EAAW,EAAA;AAAA,EACX,KAAA,EAAO,EAAA;AAAA,EACP,WAAA,EAAa,EAAA;AAAA,EACb,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,KAAA,GAAQ;AAAA,EACZ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,qBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAOO,SAAS,cAAA,CAAe,EAAE,OAAA,GAAU,WAAA,EAAa,OAAO,IAAA,EAAM,SAAA,EAAU,GAAiD,EAAC,EAAG;AAClI,EAAA,OAAO,EAAA;AAAA,IACL,+MAAA;AAAA,IACA,uBAAA;AAAA,IACA,kDAAA;AAAA,IACA,SAAS,OAAO,CAAA;AAAA,IAChB,cAAc,OAAO,CAAA;AAAA,IACrB,MAAM,IAAI,CAAA;AAAA,IACV;AAAA,GACF;AACF;AAOA,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CAAC,EAAE,SAAA,EAAW,OAAA,GAAU,WAAA,EAAa,IAAA,GAAO,IAAA,EAAM,OAAA,GAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrF,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAC9B,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,cAAA,CAAe,EAAE,OAAA,EAAS,IAAA,EAAM,WAAW,CAAA;AAAA,QACrD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-ADE22JSR.js","sourcesContent":["import { type ButtonHTMLAttributes, forwardRef } from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '@/lib/utils'\n\nconst variants = {\n  primary: 'bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow hover:shadow-tollerud-glow',\n  secondary: 'bg-transparent text-tollerud-text-primary border-tollerud-border hover:border-tollerud-text-secondary hover:bg-tollerud-surface-hover',\n  ghost: 'bg-transparent text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover',\n  destructive: 'bg-tollerud-error text-white border-tollerud-error hover:shadow-[0_0_12px_rgba(239,68,68,0.3)]',\n  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)]',\n} as const\n\n/** Layer classes from globals-layers.css — ❯ prefix, hover glow, magnetic glow in docs */\nconst variantLayers = {\n  primary: 'tollerud-btn--primary',\n  secondary: '',\n  ghost: '',\n  destructive: '',\n  terminal: 'tollerud-btn--terminal',\n} as const\n\nconst sizes = {\n  sm: 'px-3 py-1 text-sm',\n  md: 'px-4 py-2 text-base',\n  lg: 'px-6 py-3 text-lg',\n} as const\n\nexport interface ButtonVariantProps {\n  variant?: keyof typeof variants\n  size?: keyof typeof sizes\n}\n\nexport function buttonVariants({ variant = 'secondary', size = 'md', className }: ButtonVariantProps & { className?: string } = {}) {\n  return cn(\n    'tollerud-btn inline-flex items-center justify-center gap-2 font-semibold rounded transition-all duration-[150ms] focus-visible:outline-2 focus-visible:outline-tollerud-yellow focus-visible:outline-offset-2',\n    'border cursor-pointer',\n    'disabled:opacity-50 disabled:pointer-events-none',\n    variants[variant],\n    variantLayers[variant],\n    sizes[size],\n    className\n  )\n}\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantProps {\n  /** Render as the single child element (e.g. a `<Link>`) instead of a `<button>`, merging props and styles onto it. */\n  asChild?: boolean\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'secondary', size = 'md', asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp\n        ref={ref}\n        className={buttonVariants({ variant, size, className })}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button }\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-AQT3FZRQ.js

@@ -0,0 +1,23 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Skeleton({ className, h, w, r, style, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("tollerud-skeleton", className),
+      style: {
+        ...h != null ? { height: h } : null,
+        ...w != null ? { width: w } : null,
+        ...r != null ? { borderRadius: r } : null,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+
+export { Skeleton };
+//# sourceMappingURL=chunk-AQT3FZRQ.js.map
+//# sourceMappingURL=chunk-AQT3FZRQ.js.map

package/dist/chunk-AQT3FZRQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Skeleton.tsx"],"names":[],"mappings":";;;AAWA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,GAAG,KAAA,EAAM,EAAkB;AACxE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,SAAS,CAAA;AAAA,MAC5C,KAAA,EAAO;AAAA,QACL,GAAI,CAAA,IAAK,IAAA,GAAO,EAAE,MAAA,EAAQ,GAAE,GAAI,IAAA;AAAA,QAChC,GAAI,CAAA,IAAK,IAAA,GAAO,EAAE,KAAA,EAAO,GAAE,GAAI,IAAA;AAAA,QAC/B,GAAI,CAAA,IAAK,IAAA,GAAO,EAAE,YAAA,EAAc,GAAE,GAAI,IAAA;AAAA,QACtC,GAAG;AAAA,OACL;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-AQT3FZRQ.js","sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Shorthand height in px (or any CSS length via className) */\n  h?: number | string\n  /** Shorthand width in px or percentage string e.g. \"60%\" */\n  w?: number | string\n  /** Shorthand border-radius in px */\n  r?: number | string\n}\n\nfunction Skeleton({ className, h, w, r, style, ...props }: SkeletonProps) {\n  return (\n    <div\n      className={cn('tollerud-skeleton', className)}\n      style={{\n        ...(h != null ? { height: h } : null),\n        ...(w != null ? { width: w } : null),\n        ...(r != null ? { borderRadius: r } : null),\n        ...style,\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"]}