@tollerud/ui 3.0.0 → 3.1.1

package/dist/chunk-T3UQ7G4T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/FormRow.tsx"],"names":[],"mappings":";;;;AAmBA,IAAM,OAAA,GAAU,UAAA;AAAA,EACd,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA,GAAS,UAAA;AAAA,IACT,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,SAAS,KAAA,EAAM;AACrB,IAAA,MAAM,WAAW,WAAA,IAAe,IAAA;AAChC,IAAA,MAAM,aAAA,GAAgB,QAAA,GAAW,CAAA,EAAG,MAAM,CAAA,YAAA,CAAA,GAAiB,MAAA;AAC3D,IAAA,MAAM,OAAA,GAAU,KAAA,GAAQ,CAAA,EAAG,MAAM,CAAA,MAAA,CAAA,GAAW,MAAA;AAE5C,IAAA,IAAI,MAAA,KAAW,cAAc,KAAA,EAAO;AAClC,MAAA,uBACE,IAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,GAAG,kBAAA,EAAoB,SAAS,CAAA,EAAI,GAAG,KAAA,EAC/D,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,OAAA,EAAA,EAAM,OAAA,EAAkB,SAAA,EAAU,yBAAA,EAChC,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YACA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAA6B,QAAA,EAAA,GAAA,EAAC;AAAA,WAAA,EAC7D,CAAA;AAAA,UACC,4BACC,GAAA,CAAC,GAAA,EAAA,EAAE,IAAI,aAAA,EAAe,SAAA,EAAU,0BAC7B,QAAA,EAAA,QAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,2BAAA;AAAA,YACV,kBAAA,EAAkB,CAAC,aAAA,EAAe,OAAO,CAAA,CAAE,OAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAAA,YAEvE;AAAA;AAAA,SACH;AAAA,QACC,yBACC,GAAA,CAAC,GAAA,EAAA,EAAE,IAAI,OAAA,EAAS,SAAA,EAAU,0CACvB,QAAA,EAAA,KAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,GAAG,uBAAA,EAAyB,SAAS,CAAA,EAAI,GAAG,KAAA,EACnE,QAAA,EAAA;AAAA,MAAA,KAAA,oBACC,IAAA,CAAC,OAAA,EAAA,EAAM,OAAA,EAAkB,SAAA,EAAU,gDAAA,EAChC,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAA6B,QAAA,EAAA,GAAA,EAAC;AAAA,OAAA,EAC7D,CAAA;AAAA,MAED,4BACC,GAAA,CAAC,GAAA,EAAA,EAAE,IAAI,aAAA,EAAe,SAAA,EAAU,oCAC7B,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,sBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,kBAAA,EAAkB,CAAC,eAAe,OAAO,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,QAAY,QAAA,EAAS,CAAA;AAAA,MACjG,yBACC,GAAA,CAAC,GAAA,EAAA,EAAE,IAAI,OAAA,EAAS,SAAA,EAAU,+BACvB,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-T3UQ7G4T.js","sourcesContent":["'use client'\n\nimport { type HTMLAttributes, forwardRef, useId } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface FormRowProps extends HTMLAttributes<HTMLDivElement> {\n  label?: React.ReactNode\n  /** Hint text rendered below the label */\n  description?: React.ReactNode\n  /** Alias for `description` — used in docs/settings layouts */\n  hint?: React.ReactNode\n  error?: React.ReactNode\n  required?: boolean\n  /** Forwarded to the label's `htmlFor` — should match the control's `id` */\n  htmlFor?: string\n  /** `settings` = label/hint left, control right; `stack` = vertical field layout */\n  layout?: 'settings' | 'stack'\n}\n\nconst FormRow = forwardRef<HTMLDivElement, FormRowProps>(\n  (\n    {\n      className,\n      label,\n      description,\n      hint,\n      error,\n      required,\n      htmlFor,\n      layout = 'settings',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const autoId = useId()\n    const helpText = description ?? hint\n    const descriptionId = helpText ? `${autoId}-description` : undefined\n    const errorId = error ? `${autoId}-error` : undefined\n\n    if (layout === 'settings' && label) {\n      return (\n        <div ref={ref} className={cn('tollerud-formrow', className)} {...props}>\n          <div>\n            <label htmlFor={htmlFor} className=\"tollerud-formrow__title\">\n              {label}\n              {required && <span className=\"ml-0.5 text-tollerud-error\">*</span>}\n            </label>\n            {helpText && (\n              <p id={descriptionId} className=\"tollerud-formrow__hint\">\n                {helpText}\n              </p>\n            )}\n          </div>\n          <div\n            className=\"tollerud-formrow__control\"\n            aria-describedby={[descriptionId, errorId].filter(Boolean).join(' ') || undefined}\n          >\n            {children}\n          </div>\n          {error && (\n            <p id={errorId} className=\"col-span-2 text-xs text-tollerud-error\">\n              {error}\n            </p>\n          )}\n        </div>\n      )\n    }\n\n    return (\n      <div ref={ref} className={cn('flex flex-col gap-1.5', className)} {...props}>\n        {label && (\n          <label htmlFor={htmlFor} className=\"text-sm font-medium text-tollerud-text-primary\">\n            {label}\n            {required && <span className=\"ml-0.5 text-tollerud-error\">*</span>}\n          </label>\n        )}\n        {helpText && (\n          <p id={descriptionId} className=\"text-xs text-tollerud-text-muted\">\n            {helpText}\n          </p>\n        )}\n        <div aria-describedby={[descriptionId, errorId].filter(Boolean).join(' ') || undefined}>{children}</div>\n        {error && (\n          <p id={errorId} className=\"text-xs text-tollerud-error\">\n            {error}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\nFormRow.displayName = 'FormRow'\n\nexport { FormRow }\n"]}

package/dist/{chunk-T3TQPOVM.js → chunk-TLEKK53J.js}

@@ -4,7 +4,7 @@ import { forwardRef, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Checkbox = forwardRef(
-  ({ className, label, id: idProp, checked, ...props }, ref) => {
+  ({ className, label, id: idProp, ...props }, ref) => {
     const autoId = useId();
     const id = idProp ?? autoId;
     return /* @__PURE__ */ jsxs(
@@ -25,7 +25,6 @@ var Checkbox = forwardRef(
                 ref,
                 id,
                 type: "checkbox",
-                checked,
                 className: "peer sr-only",
                 ...props
               }
@@ -39,15 +38,13 @@ var Checkbox = forwardRef(
                   "bg-tollerud-surface-raised border-tollerud-border",
                   "peer-focus-visible:outline-2 peer-focus-visible:outline-tollerud-yellow",
                   "peer-checked:bg-tollerud-yellow peer-checked:border-tollerud-yellow",
+                  "peer-checked:[&_svg]:opacity-100",
                   "group-hover:border-tollerud-text-secondary"
                 ),
                 children: /* @__PURE__ */ jsx(
                   "svg",
                   {
-                    className: cn(
-                      "h-3 w-3 text-tollerud-noir-black transition-opacity duration-[150ms]",
-                      checked ? "opacity-100" : "opacity-0"
-                    ),
+                    className: "pointer-events-none h-3 w-3 text-tollerud-black opacity-0 transition-opacity duration-[150ms]",
                     viewBox: "0 0 12 12",
                     fill: "none",
                     "aria-hidden": "true",
@@ -75,5 +72,5 @@ var Checkbox = forwardRef(
 Checkbox.displayName = "Checkbox";
 
 export { Checkbox };
-//# sourceMappingURL=chunk-T3TQPOVM.js.map
-//# sourceMappingURL=chunk-T3TQPOVM.js.map
+//# sourceMappingURL=chunk-TLEKK53J.js.map
+//# sourceMappingURL=chunk-TLEKK53J.js.map

package/dist/chunk-TLEKK53J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Checkbox.tsx"],"names":[],"mappings":";;;;AASA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,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,UAAA;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,wDAAA;AAAA,kBACA,kCAAA;AAAA,kBACA,mDAAA;AAAA,kBACA,yEAAA;AAAA,kBACA,qEAAA;AAAA,kBACA,kCAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAGA,QAAA,kBAAA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAU,+FAAA;AAAA,oBACV,OAAA,EAAQ,WAAA;AAAA,oBACR,IAAA,EAAK,MAAA;AAAA,oBACL,aAAA,EAAY,MAAA;AAAA,oBAEZ,QAAA,kBAAA,GAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACC,CAAA,EAAE,sBAAA;AAAA,wBACF,MAAA,EAAO,cAAA;AAAA,wBACP,WAAA,EAAa,CAAA;AAAA,wBACb,aAAA,EAAc,OAAA;AAAA,wBACd,cAAA,EAAe;AAAA;AAAA;AACjB;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,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-TLEKK53J.js","sourcesContent":["'use client'\n\nimport { type InputHTMLAttributes, forwardRef, useId } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  label?: string\n}\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\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=\"checkbox\"\n            className=\"peer sr-only\"\n            {...props}\n          />\n          {/* Custom box */}\n          <span\n            className={cn(\n              'h-4 w-4 rounded border transition-all duration-[150ms]',\n              'flex items-center justify-center',\n              'bg-tollerud-surface-raised border-tollerud-border',\n              'peer-focus-visible:outline-2 peer-focus-visible:outline-tollerud-yellow',\n              'peer-checked:bg-tollerud-yellow peer-checked:border-tollerud-yellow',\n              'peer-checked:[&_svg]:opacity-100',\n              'group-hover:border-tollerud-text-secondary'\n            )}\n          >\n            {/* Checkmark SVG — visible when checked (via peer on sibling input) */}\n            <svg\n              className=\"pointer-events-none h-3 w-3 text-tollerud-black opacity-0 transition-opacity duration-[150ms]\"\n              viewBox=\"0 0 12 12\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M2.5 6l2.5 2.5 4.5-5\"\n                stroke=\"currentColor\"\n                strokeWidth={2}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </span>\n        </span>\n        {label && <span>{label}</span>}\n      </label>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }"]}

package/dist/{chunk-DGCRHVWW.js → chunk-VFS3V3VY.js}

@@ -15,9 +15,11 @@ function initialsFrom(name) {
   return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
 }
 var Avatar = forwardRef(
-  ({ className, src, name, fallback, size = "md", ...props }, ref) => {
+  ({ className, src, name, fallback, size = "md", style, ...props }, ref) => {
     const [errored, setErrored] = useState(false);
     const showImage = !!src && !errored;
+    const isNumeric = typeof size === "number";
+    const pixelSize = isNumeric ? size : void 0;
     return /* @__PURE__ */ jsx(
       "span",
       {
@@ -26,9 +28,13 @@ var Avatar = forwardRef(
           "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full select-none",
           "bg-tollerud-surface-raised text-tollerud-text-secondary font-medium",
           "ring-1 ring-tollerud-border",
-          avatarSizes[size],
+          !isNumeric && avatarSizes[size],
           className
         ),
+        style: {
+          ...pixelSize ? { width: pixelSize, height: pixelSize, fontSize: Math.max(10, Math.round(pixelSize * 0.36)) } : null,
+          ...style
+        },
         ...props,
         children: showImage ? /* @__PURE__ */ jsx(
           "img",
@@ -64,8 +70,9 @@ var AvatarGroup = forwardRef(
                 "relative inline-flex shrink-0 items-center justify-center rounded-full select-none",
                 "bg-tollerud-surface-raised text-tollerud-text-muted font-medium",
                 "ring-2 ring-tollerud-surface",
-                avatarSizes[size]
+                typeof size !== "number" && avatarSizes[size]
               ),
+              style: typeof size === "number" ? { width: size, height: size, fontSize: Math.max(10, Math.round(size * 0.36)) } : void 0,
               children: [
                 "+",
                 overflow
@@ -80,5 +87,5 @@ var AvatarGroup = forwardRef(
 AvatarGroup.displayName = "AvatarGroup";
 
 export { Avatar, AvatarGroup };
-//# sourceMappingURL=chunk-DGCRHVWW.js.map
-//# sourceMappingURL=chunk-DGCRHVWW.js.map
+//# sourceMappingURL=chunk-VFS3V3VY.js.map
+//# sourceMappingURL=chunk-VFS3V3VY.js.map

package/dist/chunk-VFS3V3VY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Avatar.tsx"],"names":[],"mappings":"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","file":"chunk-VFS3V3VY.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  /** Named size token or explicit pixel diameter */\n  size?: keyof typeof avatarSizes | number\n}\n\nconst Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ className, src, name, fallback, size = 'md', style, ...props }, ref) => {\n    const [errored, setErrored] = useState(false)\n    const showImage = !!src && !errored\n    const isNumeric = typeof size === 'number'\n    const pixelSize = isNumeric ? size : undefined\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          !isNumeric && avatarSizes[size],\n          className\n        )}\n        style={{\n          ...(pixelSize\n            ? { width: pixelSize, height: pixelSize, fontSize: Math.max(10, Math.round(pixelSize * 0.36)) }\n            : null),\n          ...style,\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 | number\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              typeof size !== 'number' && avatarSizes[size]\n            )}\n            style={\n              typeof size === 'number'\n                ? { width: size, height: size, fontSize: Math.max(10, Math.round(size * 0.36)) }\n                : undefined\n            }\n          >\n            +{overflow}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\nAvatarGroup.displayName = 'AvatarGroup'\n\nexport { Avatar, AvatarGroup }\n"]}

package/dist/chunk-VOARBYVQ.js

@@ -0,0 +1,44 @@
+'use client';
+import { cn } from './chunk-WSQNPRGN.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// components/monogram-geometry.ts
+var MONOGRAM_VIEW_BOX = "0 0 130 143";
+var MONOGRAM_PATH = "M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z";
+var colorClasses = {
+  yellow: "text-tollerud-yellow",
+  black: "text-tollerud-noir-950",
+  white: "text-white"
+};
+var Monogram = forwardRef(
+  ({ color = "yellow", size, className, title = "Tollerud", style, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        viewBox: MONOGRAM_VIEW_BOX,
+        xmlns: "http://www.w3.org/2000/svg",
+        role: "img",
+        "aria-label": title,
+        className: cn(
+          "inline-block shrink-0",
+          colorClasses[color],
+          !size && "h-5 w-auto",
+          className
+        ),
+        style: size ? { height: size, width: "auto", ...style } : style,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("title", { children: title }),
+          /* @__PURE__ */ jsx("g", { fill: "currentColor", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { transform: "translate(-86.000000, -109.000000)", children: /* @__PURE__ */ jsx("g", { transform: "translate(32.000000, 55.000000)", children: /* @__PURE__ */ jsx("g", { transform: "translate(54.000000, 54.000000)", children: /* @__PURE__ */ jsx("path", { d: MONOGRAM_PATH }) }) }) }) })
+        ]
+      }
+    );
+  }
+);
+Monogram.displayName = "Monogram";
+
+export { Monogram };
+//# sourceMappingURL=chunk-VOARBYVQ.js.map
+//# sourceMappingURL=chunk-VOARBYVQ.js.map

package/dist/chunk-VOARBYVQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/monogram-geometry.ts","../components/Monogram.tsx"],"names":[],"mappings":";;;;;AACO,IAAM,iBAAA,GAAoB,aAAA;AAE1B,IAAM,aAAA,GACX,0+CAAA;ACEF,IAAM,YAAA,GAA8C;AAAA,EAClD,MAAA,EAAQ,sBAAA;AAAA,EACR,KAAA,EAAO,wBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAgBA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,KAAA,GAAQ,QAAA,EAAU,IAAA,EAAM,SAAA,EAAW,KAAA,GAAQ,UAAA,EAAY,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnF,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,iBAAA;AAAA,QACT,KAAA,EAAM,4BAAA;AAAA,QACN,IAAA,EAAK,KAAA;AAAA,QACL,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAW,EAAA;AAAA,UACT,uBAAA;AAAA,UACA,aAAa,KAAK,CAAA;AAAA,UAClB,CAAC,IAAA,IAAQ,YAAA;AAAA,UACT;AAAA,SACF;AAAA,QACA,KAAA,EAAO,OAAO,EAAE,MAAA,EAAQ,MAAM,KAAA,EAAO,MAAA,EAAQ,GAAG,KAAA,EAAM,GAAI,KAAA;AAAA,QACzD,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAO,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BACd,GAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,cAAA,EAAe,QAAA,EAAS,WAC9B,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EACX,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iCAAA,EACX,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAA,EACX,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,aAAA,EAAe,CAAA,EAC1B,CAAA,EACF,CAAA,EACF,CAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-VOARBYVQ.js","sourcesContent":["/** Shared Tollerud monogram geometry — single continuous T path. */\nexport const MONOGRAM_VIEW_BOX = '0 0 130 143'\n\nexport const MONOGRAM_PATH =\n  'M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z'\n","import { forwardRef, type SVGAttributes } from 'react'\nimport { cn } from '@/lib/utils'\nimport { MONOGRAM_PATH, MONOGRAM_VIEW_BOX } from './monogram-geometry'\n\nexport type MonogramColor = 'yellow' | 'black' | 'white'\n\nconst colorClasses: Record<MonogramColor, string> = {\n  yellow: 'text-tollerud-yellow',\n  black: 'text-tollerud-noir-950',\n  white: 'text-white',\n}\n\nexport interface MonogramProps extends SVGAttributes<SVGSVGElement> {\n  /**\n   * Fill color via `currentColor`.\n   * - `yellow` — default on dark surfaces (#FFFF00)\n   * - `black` — light-mode surfaces (#0A0A0A)\n   * - `white` — on tinted or photographic backgrounds\n   */\n  color?: MonogramColor\n  /** Height in px; width scales from the 130×143 viewBox. */\n  size?: number\n  /** Accessible name — rendered as `<title>` and `aria-label`. */\n  title?: string\n}\n\nconst Monogram = forwardRef<SVGSVGElement, MonogramProps>(\n  ({ color = 'yellow', size, className, title = 'Tollerud', style, ...props }, ref) => {\n    return (\n      <svg\n        ref={ref}\n        viewBox={MONOGRAM_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        role=\"img\"\n        aria-label={title}\n        className={cn(\n          'inline-block shrink-0',\n          colorClasses[color],\n          !size && 'h-5 w-auto',\n          className\n        )}\n        style={size ? { height: size, width: 'auto', ...style } : style}\n        {...props}\n      >\n        <title>{title}</title>\n        <g fill=\"currentColor\" fillRule=\"evenodd\">\n          <g transform=\"translate(-86.000000, -109.000000)\">\n            <g transform=\"translate(32.000000, 55.000000)\">\n              <g transform=\"translate(54.000000, 54.000000)\">\n                <path d={MONOGRAM_PATH} />\n              </g>\n            </g>\n          </g>\n        </g>\n      </svg>\n    )\n  }\n)\nMonogram.displayName = 'Monogram'\n\nexport { Monogram }\n"]}

package/dist/{chunk-O57QMLNI.js → chunk-YTU7BRDW.js}

@@ -1,12 +1,15 @@
 'use client';
 import { cn } from './chunk-WSQNPRGN.js';
-import { forwardRef, useId } from 'react';
+import { forwardRef, useId, useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Switch = forwardRef(
-  ({ className, label, id: idProp, checked, ...props }, ref) => {
+  ({ className, label, id: idProp, checked, defaultChecked, onChange, ...props }, ref) => {
     const autoId = useId();
     const id = idProp ?? autoId;
+    const isControlled = checked !== void 0;
+    const [internalChecked, setInternalChecked] = useState(!!defaultChecked);
+    const isOn = isControlled ? checked : internalChecked;
     return /* @__PURE__ */ jsxs(
       "label",
       {
@@ -24,10 +27,7 @@ var Switch = forwardRef(
               className: cn(
                 "relative inline-flex items-center h-5 w-9 flex-shrink-0 rounded-full",
                 "transition-colors duration-200 ease-out",
-                checked ? "bg-tollerud-yellow" : "bg-tollerud-noir-600",
-                "group-hover:bg-tollerud-noir-500",
-                checked && "group-hover:bg-tollerud-yellow-warm",
-                "peer-focus-visible:outline-2 peer-focus-visible:outline-tollerud-yellow peer-focus-visible:outline-offset-2"
+                isOn ? "bg-tollerud-yellow group-hover:bg-tollerud-yellow-warm" : "bg-tollerud-noir-600 group-hover:bg-tollerud-noir-500"
               ),
               children: [
                 /* @__PURE__ */ jsx(
@@ -37,8 +37,12 @@ var Switch = forwardRef(
                     id,
                     type: "checkbox",
                     role: "switch",
-                    checked,
-                    className: "peer absolute inset-0 opacity-0 w-full h-full cursor-pointer z-10",
+                    checked: isOn,
+                    className: "absolute inset-0 opacity-0 w-full h-full cursor-pointer z-10",
+                    onChange: (e) => {
+                      if (!isControlled) setInternalChecked(e.target.checked);
+                      onChange?.(e);
+                    },
                     ...props
                   }
                 ),
@@ -46,9 +50,9 @@ var Switch = forwardRef(
                   "span",
                   {
                     className: cn(
-                      "block h-3.5 w-3.5 rounded-full shadow-sm",
+                      "block h-3.5 w-3.5 rounded-full shadow-sm pointer-events-none",
                       "transition-all duration-200 ease-out",
-                      checked ? "translate-x-[18px] bg-tollerud-black" : "translate-x-[3px] bg-tollerud-white"
+                      isOn ? "translate-x-[18px] bg-tollerud-black" : "translate-x-[3px] bg-tollerud-white"
                     )
                   }
                 )
@@ -64,5 +68,5 @@ var Switch = forwardRef(
 Switch.displayName = "Switch";
 
 export { Switch };
-//# sourceMappingURL=chunk-O57QMLNI.js.map
-//# sourceMappingURL=chunk-O57QMLNI.js.map
+//# sourceMappingURL=chunk-YTU7BRDW.js.map
+//# sourceMappingURL=chunk-YTU7BRDW.js.map

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-FPFLOYIJ.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-K4ALNUZI.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-TLEKK53J.js';
 import './chunk-QEHTPQHL.js';
-import './chunk-RWJELAS6.js';
+import './chunk-BQWF5MP7.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-SNNMZ444.js';
 export { Progress } from './chunk-5GWHUJ5D.js';
-export { Radio, RadioGroup } from './chunk-6SKTH45H.js';
+export { Radio, RadioGroup } from './chunk-J2Z4ZFVX.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-K4ALNUZI.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 { Checkbox } from './chunk-TLEKK53J.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-LGVXEWNB.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-BQWF5MP7.js';
+export { CTABand } from './chunk-FPFLOYIJ.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-SNNMZ444.js';
+import './chunk-BQWF5MP7.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=pricing-card.js.map
 //# sourceMappingURL=pricing-card.js.map

package/dist/radio-group.d.ts

@@ -6,6 +6,12 @@ interface RadioGroupProps {
     label?: string;
     /** Error message */
     error?: string;
+    /** Controlled selected value */
+    value?: string;
+    /** Called with the selected option value */
+    onChange?: (value: string) => void;
+    /** Shared name for native radio grouping (auto-generated if omitted) */
+    name?: string;
     children?: React.ReactNode;
     className?: string;
 }

package/dist/radio-group.js

@@ -1,5 +1,5 @@
 'use client';
-export { Radio, RadioGroup } from './chunk-6SKTH45H.js';
+export { Radio, RadioGroup } from './chunk-J2Z4ZFVX.js';
 import './chunk-WSQNPRGN.js';
 //# sourceMappingURL=radio-group.js.map
 //# sourceMappingURL=radio-group.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 };