@tollerud/ui 3.0.0 → 3.1.0

package/dist/chunk-YTU7BRDW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Switch.tsx"],"names":[],"mappings":";;;;AASA,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,OAAA,EAAS,cAAA,EAAgB,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACtF,IAAA,MAAM,SAAS,KAAA,EAAM;AACrB,IAAA,MAAM,KAAK,MAAA,IAAU,MAAA;AACrB,IAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,IAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,IAAI,QAAA,CAAS,CAAC,CAAC,cAAc,CAAA;AACvE,IAAA,MAAM,IAAA,GAAO,eAAe,OAAA,GAAU,eAAA;AAEtC,IAAA,uBACE,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,mEAAA;AAAA,UACA,oCAAA;AAAA,UACA,MAAM,QAAA,IAAY,mDAAA;AAAA,UAClB;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,sEAAA;AAAA,gBACA,yCAAA;AAAA,gBACA,OAAO,wDAAA,GAA2D;AAAA,eACpE;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,OAAA;AAAA,kBAAA;AAAA,oBACC,GAAA;AAAA,oBACA,EAAA;AAAA,oBACA,IAAA,EAAK,UAAA;AAAA,oBACL,IAAA,EAAK,QAAA;AAAA,oBACL,OAAA,EAAS,IAAA;AAAA,oBACT,SAAA,EAAU,8DAAA;AAAA,oBACV,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,sBAAA,IAAI,CAAC,YAAA,EAAc,kBAAA,CAAmB,CAAA,CAAE,OAAO,OAAO,CAAA;AACtD,sBAAA,QAAA,GAAW,CAAC,CAAA;AAAA,oBACd,CAAA;AAAA,oBACC,GAAG;AAAA;AAAA,iBACN;AAAA,gCACA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,8DAAA;AAAA,sBACA,sCAAA;AAAA,sBACA,OAAO,sCAAA,GAAyC;AAAA;AAClD;AAAA;AACF;AAAA;AAAA,WACF;AAAA,UACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,KACzB;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-YTU7BRDW.js","sourcesContent":["'use client'\n\nimport { type InputHTMLAttributes, forwardRef, useId, useState } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  label?: string\n}\n\nconst Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className, label, id: idProp, checked, defaultChecked, onChange, ...props }, ref) => {\n    const autoId = useId()\n    const id = idProp ?? autoId\n    const isControlled = checked !== undefined\n    const [internalChecked, setInternalChecked] = useState(!!defaultChecked)\n    const isOn = isControlled ? checked : internalChecked\n\n    return (\n      <label\n        htmlFor={id}\n        className={cn(\n          'inline-flex items-center gap-2.5 cursor-pointer select-none group',\n          'text-sm text-tollerud-text-primary',\n          props.disabled && 'opacity-40 pointer-events-none cursor-not-allowed',\n          className\n        )}\n      >\n        <span\n          className={cn(\n            'relative inline-flex items-center h-5 w-9 flex-shrink-0 rounded-full',\n            'transition-colors duration-200 ease-out',\n            isOn ? 'bg-tollerud-yellow group-hover:bg-tollerud-yellow-warm' : 'bg-tollerud-noir-600 group-hover:bg-tollerud-noir-500'\n          )}\n        >\n          <input\n            ref={ref}\n            id={id}\n            type=\"checkbox\"\n            role=\"switch\"\n            checked={isOn}\n            className=\"absolute inset-0 opacity-0 w-full h-full cursor-pointer z-10\"\n            onChange={(e) => {\n              if (!isControlled) setInternalChecked(e.target.checked)\n              onChange?.(e)\n            }}\n            {...props}\n          />\n          <span\n            className={cn(\n              'block h-3.5 w-3.5 rounded-full shadow-sm pointer-events-none',\n              'transition-all duration-200 ease-out',\n              isOn ? 'translate-x-[18px] bg-tollerud-black' : 'translate-x-[3px] bg-tollerud-white'\n            )}\n          />\n        </span>\n        {label && <span>{label}</span>}\n      </label>\n    )\n  }\n)\nSwitch.displayName = 'Switch'\n\nexport { Switch }\n"]}

package/dist/{chunk-DFM7UUKB.js → chunk-ZTFOR3AN.js}

@@ -1,6 +1,6 @@
 'use client';
-import { NoirGlowBackground } from './chunk-CBQ63EBL.js';
-import { Pill } from './chunk-ISHZ6ZPJ.js';
+import { NoirGlowBackground } from './chunk-QQHBEACI.js';
+import { Pill } from './chunk-JFOW2DI5.js';
 import { cn } from './chunk-WSQNPRGN.js';
 import { forwardRef } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -75,5 +75,5 @@ var HeroBlock = forwardRef(
 HeroBlock.displayName = "HeroBlock";
 
 export { HeroBlock };
-//# sourceMappingURL=chunk-DFM7UUKB.js.map
-//# sourceMappingURL=chunk-DFM7UUKB.js.map
+//# sourceMappingURL=chunk-ZTFOR3AN.js.map
+//# sourceMappingURL=chunk-ZTFOR3AN.js.map

package/dist/{chunk-DFM7UUKB.js.map → chunk-ZTFOR3AN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../components/HeroBlock.tsx"],"names":[],"mappings":";;;;;;AAgBA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA,GAAY,GAAA;AAAA,IACZ,OAAA,GAAU,KAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,CAAC,CAAC,KAAA;AAEnB,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,4EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,EAAE,SAAA,EAAU;AAAA,QAClB,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,OAAA,mBACC,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,MAAA,EAAO,KAAA,EAAM,QAAA,EAAS,CAAA,mBAEpD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EAAoD,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,0BAExF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,mCAAA;AAAA,gBACA,UAAU,YAAA,GAAe;AAAA,eAC3B;AAAA,cACA,aAAA,EAAY;AAAA;AAAA,WACd;AAAA,0BACA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,8CAAA;AAAA,gBACA,WAAW,4BAAA,GAA+B;AAAA,eAC5C;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,CAAC,QAAA,IAAY,eAAe,CAAA,EAC5C,QAAA,EAAA;AAAA,kBAAA,OAAA,wBACE,IAAA,EAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,QAC/B,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,kCAEF,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAW,EAAA;AAAA,wBACT,yDAAA;AAAA,wBACA,OAAA,IAAW;AAAA,uBACb;AAAA,sBAEC,QAAA,EAAA;AAAA;AAAA,mBACH;AAAA,kBACC,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sEACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,kBAED,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAA0C,QAAA,EAAA,OAAA,EAAQ;AAAA,iBAAA,EAC/E,CAAA;AAAA,gBACC,QAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAoC,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA;AAE7D;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-DFM7UUKB.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Pill } from './Pill'\nimport { NoirGlowBackground } from './NoirGlowBackground'\n\nexport interface HeroBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  eyebrow?: React.ReactNode\n  title: React.ReactNode\n  description?: React.ReactNode\n  actions?: React.ReactNode\n  media?: React.ReactNode\n  minHeight?: number\n  /** When true, renders the live shader background via NoirGlowBackground. */\n  intense?: boolean\n}\n\nconst HeroBlock = forwardRef<HTMLDivElement, HeroBlockProps>(\n  (\n    {\n      className,\n      eyebrow,\n      title,\n      description,\n      actions,\n      media,\n      minHeight = 280,\n      intense = false,\n      ...props\n    },\n    ref\n  ) => {\n    const hasMedia = !!media\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'relative overflow-hidden rounded-xl border border-tollerud-border bg-black',\n          className\n        )}\n        style={{ minHeight }}\n        {...props}\n      >\n        {intense ? (\n          <NoirGlowBackground intensity=\"loud\" speed=\"medium\" />\n        ) : (\n          <div className=\"tollerud-noir-glow-bg absolute inset-0 opacity-50\" aria-hidden=\"true\" />\n        )}\n        <div\n          className={cn(\n            'tollerud-grid-bg absolute inset-0',\n            intense ? 'opacity-25' : 'opacity-50'\n          )}\n          aria-hidden=\"true\"\n        />\n        <div\n          className={cn(\n            'relative flex items-center gap-6 px-11 py-12',\n            hasMedia ? 'grid grid-cols-[1.4fr_1fr]' : 'block'\n          )}\n        >\n          <div className={cn(!hasMedia && 'max-w-[560px]')}>\n            {eyebrow && (\n              <Pill variant=\"outline\" className=\"mb-0\">\n                {eyebrow}\n              </Pill>\n            )}\n            <h2\n              className={cn(\n                'tollerud-display text-[40px] text-tollerud-text-primary',\n                eyebrow && 'mt-[18px]'\n              )}\n            >\n              {title}\n            </h2>\n            {description && (\n              <p className=\"mt-3.5 text-[15.5px] leading-relaxed text-tollerud-text-primary/70\">\n                {description}\n              </p>\n            )}\n            {actions && <div className=\"mt-6 flex flex-wrap items-center gap-3\">{actions}</div>}\n          </div>\n          {hasMedia && (\n            <div className=\"flex items-center justify-center\">{media}</div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nHeroBlock.displayName = 'HeroBlock'\n\nexport { HeroBlock }\n"]}
+{"version":3,"sources":["../components/HeroBlock.tsx"],"names":[],"mappings":";;;;;;AAgBA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA,GAAY,GAAA;AAAA,IACZ,OAAA,GAAU,KAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,CAAC,CAAC,KAAA;AAEnB,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,4EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,EAAE,SAAA,EAAU;AAAA,QAClB,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,OAAA,mBACC,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAU,MAAA,EAAO,KAAA,EAAM,QAAA,EAAS,CAAA,mBAEpD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EAAoD,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,0BAExF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,mCAAA;AAAA,gBACA,UAAU,YAAA,GAAe;AAAA,eAC3B;AAAA,cACA,aAAA,EAAY;AAAA;AAAA,WACd;AAAA,0BACA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,8CAAA;AAAA,gBACA,WAAW,4BAAA,GAA+B;AAAA,eAC5C;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,CAAC,QAAA,IAAY,eAAe,CAAA,EAC5C,QAAA,EAAA;AAAA,kBAAA,OAAA,wBACE,IAAA,EAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,QAC/B,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,kCAEF,GAAA;AAAA,oBAAC,IAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAW,EAAA;AAAA,wBACT,yDAAA;AAAA,wBACA,OAAA,IAAW;AAAA,uBACb;AAAA,sBAEC,QAAA,EAAA;AAAA;AAAA,mBACH;AAAA,kBACC,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sEACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,kBAED,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAA0C,QAAA,EAAA,OAAA,EAAQ;AAAA,iBAAA,EAC/E,CAAA;AAAA,gBACC,QAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAoC,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA;AAE7D;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-ZTFOR3AN.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Pill } from './Pill'\nimport { NoirGlowBackground } from './NoirGlowBackground'\n\nexport interface HeroBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  eyebrow?: React.ReactNode\n  title: React.ReactNode\n  description?: React.ReactNode\n  actions?: React.ReactNode\n  media?: React.ReactNode\n  minHeight?: number\n  /** When true, renders the live shader background via NoirGlowBackground. */\n  intense?: boolean\n}\n\nconst HeroBlock = forwardRef<HTMLDivElement, HeroBlockProps>(\n  (\n    {\n      className,\n      eyebrow,\n      title,\n      description,\n      actions,\n      media,\n      minHeight = 280,\n      intense = false,\n      ...props\n    },\n    ref\n  ) => {\n    const hasMedia = !!media\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'relative overflow-hidden rounded-xl border border-tollerud-border bg-black',\n          className\n        )}\n        style={{ minHeight }}\n        {...props}\n      >\n        {intense ? (\n          <NoirGlowBackground intensity=\"loud\" speed=\"medium\" />\n        ) : (\n          <div className=\"tollerud-noir-glow-bg absolute inset-0 opacity-50\" aria-hidden=\"true\" />\n        )}\n        <div\n          className={cn(\n            'tollerud-grid-bg absolute inset-0',\n            intense ? 'opacity-25' : 'opacity-50'\n          )}\n          aria-hidden=\"true\"\n        />\n        <div\n          className={cn(\n            'relative flex items-center gap-6 px-11 py-12',\n            hasMedia ? 'grid grid-cols-[1.4fr_1fr]' : 'block'\n          )}\n        >\n          <div className={cn(!hasMedia && 'max-w-[560px]')}>\n            {eyebrow && (\n              <Pill variant=\"outline\" className=\"mb-0\">\n                {eyebrow}\n              </Pill>\n            )}\n            <h2\n              className={cn(\n                'tollerud-display text-[40px] text-tollerud-text-primary',\n                eyebrow && 'mt-[18px]'\n              )}\n            >\n              {title}\n            </h2>\n            {description && (\n              <p className=\"mt-3.5 text-[15.5px] leading-relaxed text-tollerud-text-primary/70\">\n                {description}\n              </p>\n            )}\n            {actions && <div className=\"mt-6 flex flex-wrap items-center gap-3\">{actions}</div>}\n          </div>\n          {hasMedia && (\n            <div className=\"flex items-center justify-center\">{media}</div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\nHeroBlock.displayName = 'HeroBlock'\n\nexport { HeroBlock }\n"]}

package/dist/cta-band.js

@@ -1,5 +1,5 @@
 'use client';
-export { CTABand } from './chunk-VTRUUT5K.js';
+export { CTABand } from './chunk-IUPVQWO5.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=cta-band.js.map
 //# sourceMappingURL=cta-band.js.map

package/dist/data-table.js

@@ -1,12 +1,12 @@
 'use client';
-export { DataTable } from './chunk-3TGMGBKM.js';
+export { DataTable } from './chunk-YPP7QHYT.js';
+import './chunk-AQT3FZRQ.js';
 import './chunk-NSMU66ZX.js';
-import './chunk-FGXOV2QH.js';
 import './chunk-RJTDQOT2.js';
 import './chunk-435JHF7G.js';
 import './chunk-T3TQPOVM.js';
 import './chunk-QEHTPQHL.js';
-import './chunk-RWJELAS6.js';
+import './chunk-ADE22JSR.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=data-table.js.map
 //# sourceMappingURL=data-table.js.map

package/dist/date-picker.js

@@ -1,5 +1,5 @@
 'use client';
-export { DatePicker } from './chunk-V3P5QLLX.js';
+export { DatePicker } from './chunk-Q54CVE3W.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=date-picker.js.map
 //# sourceMappingURL=date-picker.js.map

package/dist/footer.js

@@ -1,5 +1,6 @@
 'use client';
-export { Footer } from './chunk-HYQGOC2E.js';
+export { Footer } from './chunk-QEIEWGHA.js';
+import './chunk-VOARBYVQ.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=footer.js.map
 //# sourceMappingURL=footer.js.map

package/dist/form-row.d.ts

@@ -5,10 +5,14 @@ interface FormRowProps extends HTMLAttributes<HTMLDivElement> {
     label?: React.ReactNode;
     /** Hint text rendered below the label */
     description?: React.ReactNode;
+    /** Alias for `description` — used in docs/settings layouts */
+    hint?: React.ReactNode;
     error?: React.ReactNode;
     required?: boolean;
     /** Forwarded to the label's `htmlFor` — should match the control's `id` */
     htmlFor?: string;
+    /** `settings` = label/hint left, control right; `stack` = vertical field layout */
+    layout?: 'settings' | 'stack';
 }
 declare const FormRow: react.ForwardRefExoticComponent<FormRowProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/form-row.js

@@ -1,5 +1,5 @@
 'use client';
-export { FormRow } from './chunk-Q74VRQEX.js';
+export { FormRow } from './chunk-T3UQ7G4T.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=form-row.js.map
 //# sourceMappingURL=form-row.js.map

package/dist/hero-block.js

@@ -1,7 +1,7 @@
 'use client';
-export { HeroBlock } from './chunk-DFM7UUKB.js';
-import './chunk-CBQ63EBL.js';
-import './chunk-ISHZ6ZPJ.js';
+export { HeroBlock } from './chunk-ZTFOR3AN.js';
+import './chunk-QQHBEACI.js';
+import './chunk-JFOW2DI5.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=hero-block.js.map
 //# sourceMappingURL=hero-block.js.map

package/dist/index.d.ts

@@ -29,6 +29,7 @@ export { Checkbox, CheckboxProps } from './checkbox.js';
 export { Switch, SwitchProps } from './switch.js';
 export { Radio, RadioGroup, RadioGroupProps, RadioProps } from './radio-group.js';
 export { Footer, FooterLabels, FooterProps } from './footer.js';
+export { Monogram, MonogramColor, MonogramProps } from './monogram.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './dialog.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs.js';

package/dist/index.js

@@ -1,33 +1,31 @@
 'use client';
+export { TagInput } from './chunk-6IS2AYYG.js';
 export { Textarea } from './chunk-HWJVRTWO.js';
-export { Timeline } from './chunk-7TOT5ME3.js';
+export { Timeline } from './chunk-3LTW224O.js';
 export { Toaster } from './chunk-CDI7353B.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-6UXW5YUC.js';
-export { Slider } from './chunk-OONIUDST.js';
+export { Slider } from './chunk-OLHMMFQ7.js';
 export { Sparkline } from './chunk-EVHZFYWX.js';
-export { StatCard } from './chunk-LUM2YJBH.js';
 export { Stepper } from './chunk-2QWKOCWF.js';
-export { Switch } from './chunk-O57QMLNI.js';
+export { Switch } from './chunk-YTU7BRDW.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-T56TTOI6.js';
-export { TagInput } from './chunk-6IS2AYYG.js';
+export { PricingCard } from './chunk-OVSIOZHJ.js';
 export { Progress } from './chunk-5GWHUJ5D.js';
 export { Radio, RadioGroup } from './chunk-6SKTH45H.js';
 export { RollbackPlan } from './chunk-WDANALHD.js';
 export { Select } from './chunk-GTM2DE4C.js';
-export { ServiceHealthCard } from './chunk-7EP2T3OW.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './chunk-ILADNTUB.js';
 export { LogViewer } from './chunk-RZK2S2OO.js';
 export { Meter } from './chunk-A6L5C3IJ.js';
 export { Panel } from './chunk-T7EFDE2L.js';
 export { PasswordInput } from './chunk-NOLWJJHT.js';
-export { PricingCard } from './chunk-XR5QBVEV.js';
-export { Footer } from './chunk-HYQGOC2E.js';
-export { FormRow } from './chunk-Q74VRQEX.js';
+export { Footer } from './chunk-QEIEWGHA.js';
+export { Monogram } from './chunk-VOARBYVQ.js';
+export { FormRow } from './chunk-T3UQ7G4T.js';
 export { GlowCard } from './chunk-ZOXO3G3I.js';
-export { HeroBlock } from './chunk-DFM7UUKB.js';
-export { NoirGlowBackground } from './chunk-CBQ63EBL.js';
-export { Pill } from './chunk-ISHZ6ZPJ.js';
-export { HostCard } from './chunk-DOUDJU4P.js';
+export { HeroBlock } from './chunk-ZTFOR3AN.js';
+export { NoirGlowBackground } from './chunk-QQHBEACI.js';
+export { Pill } from './chunk-JFOW2DI5.js';
 export { Input } from './chunk-BPCH5LJ3.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-KI6OTVID.js';
 export { Divider } from './chunk-CKNWXYMA.js';
@@ -41,22 +39,25 @@ export { CodeBlock } from './chunk-DRCMGIQ6.js';
 export { Combobox } from './chunk-H3ZVGTJM.js';
 export { CommandMenu } from './chunk-RQ3RXKAZ.js';
 export { Container } from './chunk-DNJI65VQ.js';
-export { DataTable } from './chunk-3TGMGBKM.js';
+export { DataTable } from './chunk-YPP7QHYT.js';
+export { Skeleton } from './chunk-AQT3FZRQ.js';
 export { Segmented } from './chunk-NSMU66ZX.js';
-export { Skeleton } from './chunk-FGXOV2QH.js';
 export { Pagination } from './chunk-RJTDQOT2.js';
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-435JHF7G.js';
 export { Checkbox } from './chunk-T3TQPOVM.js';
-export { DatePicker } from './chunk-V3P5QLLX.js';
-export { Avatar, AvatarGroup } from './chunk-DGCRHVWW.js';
+export { DatePicker } from './chunk-Q54CVE3W.js';
+export { Avatar, AvatarGroup } from './chunk-VFS3V3VY.js';
 export { BackupStatusPanel } from './chunk-JRFSUVSO.js';
-export { StatusDot } from './chunk-NHPISZWS.js';
 export { Badge } from './chunk-QEHTPQHL.js';
 export { BarChart } from './chunk-4PA2ACNF.js';
-export { BentoDashboard } from './chunk-PLF3BBQI.js';
+export { BentoDashboard } from './chunk-ONMTHBZ4.js';
+export { StatCard } from './chunk-LUM2YJBH.js';
+export { ServiceHealthCard } from './chunk-7EP2T3OW.js';
+export { HostCard } from './chunk-DOUDJU4P.js';
+export { StatusDot } from './chunk-NHPISZWS.js';
 export { Breadcrumb } from './chunk-7J5QXUQN.js';
-export { Button, buttonVariants } from './chunk-RWJELAS6.js';
-export { CTABand } from './chunk-VTRUUT5K.js';
+export { Button, buttonVariants } from './chunk-ADE22JSR.js';
+export { CTABand } from './chunk-IUPVQWO5.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-YYWODLER.js';
 export { ActionDiff } from './chunk-3XTZPDNV.js';
 export { ActionRow } from './chunk-OGVSZ7NV.js';

package/dist/monogram.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { SVGAttributes } from 'react';
+
+type MonogramColor = 'yellow' | 'black' | 'white';
+interface MonogramProps extends SVGAttributes<SVGSVGElement> {
+    /**
+     * Fill color via `currentColor`.
+     * - `yellow` — default on dark surfaces (#FFFF00)
+     * - `black` — light-mode surfaces (#0A0A0A)
+     * - `white` — on tinted or photographic backgrounds
+     */
+    color?: MonogramColor;
+    /** Height in px; width scales from the 130×143 viewBox. */
+    size?: number;
+    /** Accessible name — rendered as `<title>` and `aria-label`. */
+    title?: string;
+}
+declare const Monogram: react.ForwardRefExoticComponent<MonogramProps & react.RefAttributes<SVGSVGElement>>;
+
+export { Monogram, type MonogramColor, type MonogramProps };

package/dist/monogram.js

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

package/dist/monogram.js.map

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

package/dist/noir-glow-background.d.ts

@@ -32,6 +32,12 @@ interface NoirGlowBackgroundProps {
     forceCssFallback?: boolean;
     /** Disable pointer events so content above remains clickable. */
     inert?: boolean;
+    /** Horizontal shader offset (-1 to 1). Use for edge-biased layouts. */
+    offsetX?: number;
+    /** Vertical shader offset (-1 to 1). */
+    offsetY?: number;
+    /** Shader scale multiplier. Values > 1 push glow toward edges. */
+    scale?: number;
 }
 /**
  * NoirGlowBackground
@@ -45,6 +51,6 @@ interface NoirGlowBackgroundProps {
  * The CSS fallback classes live in `globals.css` and are used during Suspense,
  * reduced-motion contexts, or when `forceCssFallback` is true.
  */
-declare function NoirGlowBackground({ className, style, shape, intensity, speed, grain, softness, colorBack, colors, preserveCenter, noiseOverlay, forceCssFallback, inert, }: NoirGlowBackgroundProps): react.JSX.Element;
+declare function NoirGlowBackground({ className, style, shape, intensity, speed, grain, softness, colorBack, colors, preserveCenter, noiseOverlay, forceCssFallback, inert, offsetX, offsetY, scale, }: NoirGlowBackgroundProps): react.JSX.Element;
 
 export { NoirGlowBackground, type NoirGlowBackgroundProps };

package/dist/noir-glow-background.js

@@ -1,4 +1,4 @@
 'use client';
-export { NoirGlowBackground } from './chunk-CBQ63EBL.js';
+export { NoirGlowBackground } from './chunk-QQHBEACI.js';
 //# sourceMappingURL=noir-glow-background.js.map
 //# sourceMappingURL=noir-glow-background.js.map

package/dist/pill.d.ts

@@ -2,8 +2,11 @@ import * as react from 'react';
 import { HTMLAttributes } from 'react';
 
 declare const pillVariants: {
-    readonly outline: "bg-transparent border border-tollerud-border text-tollerud-text-secondary";
-    readonly solid: "bg-tollerud-surface-raised text-tollerud-text-primary";
+    readonly outline: "";
+    readonly muted: "";
+    readonly success: "";
+    readonly error: "";
+    readonly solid: "bg-tollerud-surface-raised text-tollerud-text-primary border-transparent";
     readonly accent: "bg-tollerud-yellow/15 border border-tollerud-yellow/30 text-tollerud-yellow";
 };
 interface PillProps extends HTMLAttributes<HTMLSpanElement> {

package/dist/pill.js

@@ -1,5 +1,5 @@
 'use client';
-export { Pill } from './chunk-ISHZ6ZPJ.js';
+export { Pill } from './chunk-JFOW2DI5.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=pill.js.map
 //# sourceMappingURL=pill.js.map

package/dist/pricing-card.js

@@ -1,6 +1,6 @@
 'use client';
-export { PricingCard } from './chunk-XR5QBVEV.js';
-import './chunk-RWJELAS6.js';
+export { PricingCard } from './chunk-OVSIOZHJ.js';
+import './chunk-ADE22JSR.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=pricing-card.js.map
 //# sourceMappingURL=pricing-card.js.map

package/dist/skeleton.d.ts

@@ -1,5 +1,13 @@
 import * as react from 'react';
 
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Shorthand height in px (or any CSS length via className) */
+    h?: number | string;
+    /** Shorthand width in px or percentage string e.g. "60%" */
+    w?: number | string;
+    /** Shorthand border-radius in px */
+    r?: number | string;
+}
+declare function Skeleton({ className, h, w, r, style, ...props }: SkeletonProps): react.JSX.Element;
 
-export { Skeleton };
+export { Skeleton, type SkeletonProps };

package/dist/skeleton.js

@@ -1,5 +1,5 @@
 'use client';
-export { Skeleton } from './chunk-FGXOV2QH.js';
+export { Skeleton } from './chunk-AQT3FZRQ.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=skeleton.js.map
 //# sourceMappingURL=skeleton.js.map

package/dist/slider.js

@@ -1,5 +1,5 @@
 'use client';
-export { Slider } from './chunk-OONIUDST.js';
+export { Slider } from './chunk-OLHMMFQ7.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=slider.js.map
 //# sourceMappingURL=slider.js.map

package/dist/switch.js

@@ -1,5 +1,5 @@
 'use client';
-export { Switch } from './chunk-O57QMLNI.js';
+export { Switch } from './chunk-YTU7BRDW.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=switch.js.map
 //# sourceMappingURL=switch.js.map

package/dist/timeline.js

@@ -1,5 +1,5 @@
 'use client';
-export { Timeline } from './chunk-7TOT5ME3.js';
+export { Timeline } from './chunk-3LTW224O.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=timeline.js.map
 //# sourceMappingURL=timeline.js.map

package/globals-layers.css

@@ -390,6 +390,76 @@
     background: var(--gradient-yellow);
     margin: 3rem 0;
   }
+  .tollerud-accent-bar--inline {
+    margin: 0;
+  }
+
+  /* ═══ Range slider ═══ */
+  .tollerud-slider {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 100%;
+    height: 6px;
+    border-radius: 999px;
+    background: var(--muted);
+    outline: none;
+  }
+  .tollerud-slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--tollerud-yellow);
+    border: 2px solid var(--card);
+    cursor: pointer;
+    box-shadow: 0 0 0 1px var(--border);
+  }
+  .tollerud-slider::-moz-range-thumb {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--tollerud-yellow);
+    border: 2px solid var(--card);
+    cursor: pointer;
+  }
+
+  /* ═══ Form row (settings layout) ═══ */
+  .tollerud-formrow {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    gap: 16px;
+    align-items: center;
+    padding: 16px 0;
+    border-bottom: 1px solid var(--border);
+  }
+  .tollerud-formrow:last-child {
+    border-bottom: none;
+  }
+  .tollerud-formrow__title {
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--foreground);
+  }
+  .tollerud-formrow__hint {
+    font-size: 12.5px;
+    color: var(--text-muted);
+    margin-top: 3px;
+    line-height: 1.45;
+    max-width: 46ch;
+  }
+  .tollerud-formrow__control {
+    justify-self: end;
+  }
+  @media (max-width: 560px) {
+    .tollerud-formrow {
+      grid-template-columns: 1fr;
+      gap: 10px;
+    }
+    .tollerud-formrow__control {
+      justify-self: start;
+    }
+  }
 
   /* ═══ Gradient Text ═══ */
   .tollerud-gradient-text {
@@ -623,6 +693,20 @@
   .tollerud-timeline__dot--active {
     animation: tollerud-timeline-pulse 2s infinite;
   }
+  .tollerud-timeline__dot--online {
+    background: var(--success);
+    box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);
+  }
+  .tollerud-timeline__dot--warning {
+    background: var(--tollerud-yellow);
+    box-shadow: 0 0 6px rgba(232, 213, 0, 0.5);
+  }
+  .tollerud-timeline__dot--offline {
+    background: var(--destructive);
+  }
+  .tollerud-timeline__dot--idle {
+    background: var(--tollerud-noir-400);
+  }
   @keyframes tollerud-timeline-pulse {
     0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,0,0.4); }
     50%      { box-shadow: 0 0 0 6px rgba(255,255,0,0); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tollerud/ui",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Tollerud User Interface — dark, monochrome + yellow accent. Noir aesthetic meets modern utility.",
   "private": false,
   "type": "module",
@@ -40,7 +40,8 @@
     "./tollerud-logo.svg": "./tollerud-logo.svg",
     "./tollerud-avatar.svg": "./tollerud-avatar.svg",
     "./tollerud-avatar.png": "./tollerud-avatar.png",
-    "./tia-full-figure.svg": "./tia-full-figure.svg",
+    "./tollerud-avatar-full.svg": "./tollerud-avatar-full.svg",
+    "./tollerud-avatar-full.png": "./tollerud-avatar-full.png",
     "./registry.json": "./registry.json",
     "./*": {
       "import": {
@@ -66,7 +67,8 @@
     "tollerud-logo.svg",
     "tollerud-avatar.svg",
     "tollerud-avatar.png",
-    "tia-full-figure.svg",
+    "tollerud-avatar-full.svg",
+    "tollerud-avatar-full.png",
     "AGENTS.md",
     "SKILL.md"
   ],

package/registry.json

@@ -1,6 +1,6 @@
 {
   "name": "tollerud-noir",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Tollerud Design System \u2014 dark, cinematic, keyboard-first infrastructure UI",
   "components": {
     "button": {
@@ -394,6 +394,22 @@
         "clsx",
         "tailwind-merge"
       ],
+      "registryDependencies": [
+        "monogram"
+      ],
+      "type": "components:ui"
+    },
+    "monogram": {
+      "name": "Monogram",
+      "description": "Tollerud monogram SVG with yellow, black, or white fill",
+      "files": [
+        "components/Monogram.tsx",
+        "components/monogram-geometry.ts"
+      ],
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
       "registryDependencies": [],
       "type": "components:ui"
     },

package/tokens.css

@@ -411,6 +411,16 @@ code, pre {
   color: rgba(232, 213, 0, 0.55);
   border-color: rgba(232, 213, 0, 0.15);
 }
+.tollerud-pill--success {
+  background: rgba(34, 197, 94, 0.06);
+  color: var(--success);
+  border-color: rgba(34, 197, 94, 0.35);
+}
+.tollerud-pill--error {
+  background: rgba(239, 68, 68, 0.06);
+  color: var(--destructive);
+  border-color: rgba(239, 68, 68, 0.35);
+}
 
 /* ── Gradient Accent Bar ── */
 .tollerud-accent-bar {
@@ -512,6 +522,16 @@ code, pre {
 .tollerud-timeline__dot-group { display: flex; flex-direction: column; align-items: center; }
 .tollerud-timeline__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--tollerud-noir-500); flex-shrink: 0; }
 .tollerud-timeline__dot--active { animation: tollerud-timeline-pulse 2s infinite; }
+.tollerud-timeline__dot--online {
+  background: var(--success);
+  box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);
+}
+.tollerud-timeline__dot--warning {
+  background: var(--tollerud-yellow);
+  box-shadow: 0 0 6px rgba(232, 213, 0, 0.5);
+}
+.tollerud-timeline__dot--offline { background: var(--destructive); }
+.tollerud-timeline__dot--idle { background: var(--tollerud-noir-400); }
 @keyframes tollerud-timeline-pulse {
   0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,0,.4); }
   50%      { box-shadow: 0 0 0 6px rgba(255,255,0,0); }

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

@@ -1 +0,0 @@
-{"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-CBQ63EBL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../components/NoirGlowBackground.tsx"],"names":[],"mappings":"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","file":"chunk-CBQ63EBL.js","sourcesContent":["\"use client\"\n\nimport { lazy, Suspense, type CSSProperties } from \"react\"\n\nconst GrainGradient = lazy(() =>\n  import(\"@paper-design/shaders-react\").then((module) => ({\n    default: module.GrainGradient,\n  }))\n)\n\ntype ShaderShape = \"corners\" | \"wave\" | \"dots\" | \"truchet\" | \"ripple\" | \"blob\" | \"sphere\"\ntype Intensity = \"subtle\" | \"medium\" | \"loud\"\ntype Speed = \"still\" | \"slow\" | \"medium\" | \"fast\"\ntype Grain = \"none\" | \"soft\" | \"high\"\n\nexport interface NoirGlowBackgroundProps {\n  /** Extra class names for the outer positioning wrapper. */\n  className?: string\n  /** Inline style for the outer positioning wrapper. */\n  style?: CSSProperties\n  /** Canvas/WebGL shape. `corners` matches Tollerud.no. */\n  shape?: ShaderShape\n  /** Visual strength of the yellow glow. */\n  intensity?: Intensity\n  /** Ambient animation speed. */\n  speed?: Speed\n  /** Shader grain/noise amount. */\n  grain?: Grain\n  /** Softness/falloff of the glow blooms. */\n  softness?: number\n  /** Background color behind the glow. */\n  colorBack?: string\n  /** Glow colors. Defaults to the Tollerud/Tia yellow ramp. */\n  colors?: string[]\n  /** Whether to render a readable center vignette on top of the shader. */\n  preserveCenter?: boolean\n  /** Add the grain/noise CSS overlay. */\n  noiseOverlay?: boolean\n  /** Prefer the CSS fallback even if shaders are available. Useful for docs/static contexts. */\n  forceCssFallback?: boolean\n  /** Disable pointer events so content above remains clickable. */\n  inert?: boolean\n}\n\nconst intensityMap: Record<Intensity, number> = {\n  subtle: 0.24,\n  medium: 0.45,\n  loud: 0.68,\n}\n\nconst speedMap: Record<Speed, number> = {\n  still: 0,\n  slow: 0.45,\n  medium: 1,\n  fast: 1.8,\n}\n\nconst grainMap: Record<Grain, number> = {\n  none: 0,\n  soft: 0.12,\n  high: 0.28,\n}\n\nfunction cx(...classes: Array<string | false | null | undefined>) {\n  return classes.filter(Boolean).join(\" \")\n}\n\nfunction CssFallback({ preserveCenter = true, noiseOverlay = true }: Pick<NoirGlowBackgroundProps, \"preserveCenter\" | \"noiseOverlay\">) {\n  return (\n    <>\n      <div className=\"tollerud-noir-glow-bg\" aria-hidden=\"true\" />\n      {preserveCenter && <div className=\"tollerud-noir-glow-vignette\" aria-hidden=\"true\" />}\n      {noiseOverlay && <div className=\"tollerud-noir-noise\" aria-hidden=\"true\" />}\n    </>\n  )\n}\n\n/**\n * NoirGlowBackground\n *\n * Tia/Tollerud signature background primitive. The defaults replicate\n * MathiasOki/tollerud-landing's `GradientBackground` component.\n *\n * Install dependency in consuming Next.js apps:\n *   npm install @paper-design/shaders-react\n *\n * The CSS fallback classes live in `globals.css` and are used during Suspense,\n * reduced-motion contexts, or when `forceCssFallback` is true.\n */\nexport function NoirGlowBackground({\n  className,\n  style,\n  shape = \"corners\",\n  intensity = \"medium\",\n  speed = \"medium\",\n  grain = \"none\",\n  softness = 0.76,\n  colorBack = \"hsl(0, 0%, 0%)\",\n  colors = [\"hsl(54, 85%, 66%)\", \"hsl(56, 100%, 80%)\", \"hsl(56, 100%, 50%)\"],\n  preserveCenter = false,\n  noiseOverlay = false,\n  forceCssFallback = false,\n  inert = true,\n}: NoirGlowBackgroundProps) {\n  const wrapperClassName = cx(\n    \"tollerud-noir-glow-root absolute inset-0 z-0 overflow-hidden\",\n    inert && \"pointer-events-none\",\n    className\n  )\n\n  if (forceCssFallback) {\n    return (\n      <div className={wrapperClassName} style={style} aria-hidden=\"true\">\n        <CssFallback preserveCenter={preserveCenter} noiseOverlay={noiseOverlay} />\n      </div>\n    )\n  }\n\n  return (\n    <div className={wrapperClassName} style={style} aria-hidden=\"true\">\n      <Suspense fallback={<CssFallback preserveCenter={preserveCenter} noiseOverlay={noiseOverlay} />}>\n        <GrainGradient\n          style={{ height: \"100%\", width: \"100%\" }}\n          colorBack={colorBack}\n          softness={softness}\n          intensity={intensityMap[intensity]}\n          noise={grainMap[grain]}\n          shape={shape}\n          offsetX={0}\n          offsetY={0}\n          scale={1}\n          rotation={0}\n          speed={speedMap[speed]}\n          colors={colors}\n        />\n      </Suspense>\n      {preserveCenter && <div className=\"tollerud-noir-glow-vignette\" aria-hidden=\"true\" />}\n      {noiseOverlay && <div className=\"tollerud-noir-noise\" aria-hidden=\"true\" />}\n    </div>\n  )\n}\n"]}

package/dist/chunk-DGCRHVWW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../components/Avatar.tsx"],"names":[],"mappings":"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","file":"chunk-DGCRHVWW.js","sourcesContent":["'use client'\n\nimport { type HTMLAttributes, forwardRef, useState } from 'react'\nimport { cn } from '@/lib/utils'\n\nconst avatarSizes = {\n  sm: 'h-6 w-6 text-[10px]',\n  md: 'h-8 w-8 text-xs',\n  lg: 'h-11 w-11 text-sm',\n} as const\n\nfunction initialsFrom(name: string) {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (parts.length === 0) return ''\n  if (parts.length === 1) return parts[0]!.slice(0, 2).toUpperCase()\n  return (parts[0]![0] + parts[parts.length - 1]![0]).toUpperCase()\n}\n\nexport interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Image source */\n  src?: string\n  /** Accessible name / used to derive initials fallback */\n  name?: string\n  /** Explicit fallback content (overrides derived initials) */\n  fallback?: React.ReactNode\n  size?: keyof typeof avatarSizes\n}\n\nconst Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ className, src, name, fallback, size = 'md', ...props }, ref) => {\n    const [errored, setErrored] = useState(false)\n    const showImage = !!src && !errored\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          'relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full select-none',\n          'bg-tollerud-surface-raised text-tollerud-text-secondary font-medium',\n          'ring-1 ring-tollerud-border',\n          avatarSizes[size],\n          className\n        )}\n        {...props}\n      >\n        {showImage ? (\n          <img\n            src={src}\n            alt={name ?? ''}\n            className=\"h-full w-full object-cover\"\n            onError={() => setErrored(true)}\n          />\n        ) : (\n          <span aria-hidden={!!name}>{fallback ?? (name ? initialsFrom(name) : null)}</span>\n        )}\n      </span>\n    )\n  }\n)\nAvatar.displayName = 'Avatar'\n\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Maximum avatars to render before collapsing into a \"+N\" overflow indicator */\n  max?: number\n  size?: keyof typeof avatarSizes\n  children: React.ReactNode\n}\n\nconst AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ className, max, size = 'md', children, ...props }, ref) => {\n    const items = Array.isArray(children) ? children : [children]\n    const visible = max ? items.slice(0, max) : items\n    const overflow = max ? items.length - max : 0\n\n    return (\n      <div\n        ref={ref}\n        className={cn('flex items-center -space-x-2', className)}\n        {...props}\n      >\n        {visible.map((child, i) => (\n          <span key={i} className=\"ring-2 ring-tollerud-surface rounded-full\">\n            {child}\n          </span>\n        ))}\n        {overflow > 0 && (\n          <span\n            className={cn(\n              'relative inline-flex shrink-0 items-center justify-center rounded-full select-none',\n              'bg-tollerud-surface-raised text-tollerud-text-muted font-medium',\n              'ring-2 ring-tollerud-surface',\n              avatarSizes[size]\n            )}\n          >\n            +{overflow}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\nAvatarGroup.displayName = 'AvatarGroup'\n\nexport { Avatar, AvatarGroup }\n"]}