@cogentic-co/ds 0.6.0 → 0.7.0

package/dist/chunk-REBDYEZX.js

@@ -0,0 +1,67 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Slider(_a) {
+  var _b = _a, {
+    className,
+    defaultValue,
+    value,
+    min = 0,
+    max = 100
+  } = _b, props = __objRest(_b, [
+    "className",
+    "defaultValue",
+    "value",
+    "min",
+    "max"
+  ]);
+  const _values = React.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
+  return /* @__PURE__ */ jsx(
+    Slider$1.Root,
+    __spreadProps(__spreadValues({
+      className: cn("data-vertical:h-full data-horizontal:w-full", className),
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min,
+      max,
+      thumbAlignment: "edge"
+    }, props), {
+      children: /* @__PURE__ */ jsxs(Slider$1.Control, { className: "relative flex w-full touch-none select-none items-center data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col data-disabled:opacity-50", children: [
+        /* @__PURE__ */ jsx(
+          Slider$1.Track,
+          {
+            "data-slot": "slider-track",
+            className: "relative grow select-none overflow-hidden rounded-full bg-muted data-horizontal:h-1.5 data-vertical:h-full data-horizontal:w-full data-vertical:w-1.5",
+            children: /* @__PURE__ */ jsx(
+              Slider$1.Indicator,
+              {
+                "data-slot": "slider-range",
+                className: "select-none bg-primary data-horizontal:h-full data-vertical:w-full"
+              }
+            )
+          }
+        ),
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(
+          Slider$1.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "block size-4 shrink-0 select-none rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:outline-hidden focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50"
+          },
+          index
+        ))
+      ] })
+    })
+  );
+}
+
+export { Slider };
+//# sourceMappingURL=chunk-REBDYEZX.js.map
+//# sourceMappingURL=chunk-REBDYEZX.js.map

package/dist/chunk-REBDYEZX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/slider.tsx"],"names":["SliderPrimitive"],"mappings":";;;;;;AAOA,SAAS,OAAO,EAAA,EAOe;AAPf,EAAA,IAAA,EAAA,GAAA,EAAA,EACd;AAAA,IAAA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAA,GAAM,CAAA;AAAA,IACN,GAAA,GAAM;AAAA,GAZR,GAOgB,EAAA,EAMX,KAAA,GAAA,SAAA,CANW,EAAA,EAMX;AAAA,IALH,WAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,OAAA,GAAgB,KAAA,CAAA,OAAA;AAAA,IACpB,MAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GAAI,YAAA,GAAe,CAAC,KAAK,GAAG,CAAA;AAAA,IAC5F,CAAC,KAAA,EAAO,YAAA,EAAc,GAAA,EAAK,GAAG;AAAA,GAChC;AAEA,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,IAAA;AAAA,IAAhB,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,6CAAA,EAA+C,SAAS,CAAA;AAAA,MACtE,WAAA,EAAU,QAAA;AAAA,MACV,YAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,cAAA,EAAe;AAAA,KAAA,EACX,KAAA,CAAA,EARL;AAAA,MAUC,QAAA,kBAAA,IAAA,CAACA,QAAA,CAAgB,OAAA,EAAhB,EAAwB,WAAU,2KAAA,EACjC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAACA,QAAA,CAAgB,KAAA;AAAA,UAAhB;AAAA,YACC,WAAA,EAAU,cAAA;AAAA,YACV,SAAA,EAAU,uJAAA;AAAA,YAEV,QAAA,kBAAA,GAAA;AAAA,cAACA,QAAA,CAAgB,SAAA;AAAA,cAAhB;AAAA,gBACC,WAAA,EAAU,cAAA;AAAA,gBACV,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA,SACF;AAAA,QACC,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,QAAQ,MAAA,EAAO,EAAG,CAAC,CAAA,EAAG,KAAA,qBAC1C,GAAA;AAAA,UAACA,QAAA,CAAgB,KAAA;AAAA,UAAhB;AAAA,YACC,WAAA,EAAU,cAAA;AAAA,YAEV,SAAA,EAAU;AAAA,WAAA;AAAA,UADL;AAAA,SAGR;AAAA,OAAA,EACH;AAAA,KAAA;AAAA,GACF;AAEJ","file":"chunk-REBDYEZX.js","sourcesContent":["\"use client\"\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\nimport * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: SliderPrimitive.Root.Props) {\n  const _values = React.useMemo(\n    () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),\n    [value, defaultValue, min, max],\n  )\n\n  return (\n    <SliderPrimitive.Root\n      className={cn(\"data-vertical:h-full data-horizontal:w-full\", className)}\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      {...props}\n    >\n      <SliderPrimitive.Control className=\"relative flex w-full touch-none select-none items-center data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col data-disabled:opacity-50\">\n        <SliderPrimitive.Track\n          data-slot=\"slider-track\"\n          className=\"relative grow select-none overflow-hidden rounded-full bg-muted data-horizontal:h-1.5 data-vertical:h-full data-horizontal:w-full data-vertical:w-1.5\"\n        >\n          <SliderPrimitive.Indicator\n            data-slot=\"slider-range\"\n            className=\"select-none bg-primary data-horizontal:h-full data-vertical:w-full\"\n          />\n        </SliderPrimitive.Track>\n        {Array.from({ length: _values.length }, (_, index) => (\n          <SliderPrimitive.Thumb\n            data-slot=\"slider-thumb\"\n            key={index}\n            className=\"block size-4 shrink-0 select-none rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:outline-hidden focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50\"\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  )\n}\n\nexport { Slider }\n"]}

package/dist/chunk-RI7KG3TF.js

@@ -0,0 +1,87 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-2NMEKWO5.js';
+import { OTPInput, OTPInputContext } from 'input-otp';
+import { MinusIcon } from 'lucide-react';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function InputOTP(_a) {
+  var _b = _a, {
+    className,
+    containerClassName
+  } = _b, props = __objRest(_b, [
+    "className",
+    "containerClassName"
+  ]);
+  return /* @__PURE__ */ jsx(
+    OTPInput,
+    __spreadValues({
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "cn-input-otp flex items-center has-disabled:opacity-50",
+        containerClassName
+      ),
+      spellCheck: false,
+      className: cn("disabled:cursor-not-allowed", className)
+    }, props)
+  );
+}
+function InputOTPGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "input-otp-group",
+      className: cn(
+        "flex items-center rounded-md has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40",
+        className
+      )
+    }, props)
+  );
+}
+function InputOTPSlot(_a) {
+  var _b = _a, {
+    index,
+    className
+  } = _b, props = __objRest(_b, [
+    "index",
+    "className"
+  ]);
+  var _a2;
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: cn(
+        "relative flex size-9 items-center justify-center border-input border-y border-r text-sm shadow-xs outline-none transition-all first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",
+        className
+      )
+    }, props), {
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    })
+  );
+}
+function InputOTPSeparator(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "input-otp-separator",
+      className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
+      role: "separator"
+    }, props), {
+      children: /* @__PURE__ */ jsx(MinusIcon, {})
+    })
+  );
+}
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=chunk-RI7KG3TF.js.map
+//# sourceMappingURL=chunk-RI7KG3TF.js.map

package/dist/chunk-RI7KG3TF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input-otp.tsx"],"names":["_a"],"mappings":";;;;;;;AAQA,SAAS,SAAS,EAAA,EAMf;AANe,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAVF,GAQkB,EAAA,EAGb,KAAA,GAAA,SAAA,CAHa,EAAA,EAGb;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAKA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,kBAAA,EAAoB,EAAA;AAAA,QAClB,wDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,UAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAW,EAAA,CAAG,6BAAA,EAA+B,SAAS;AAAA,KAAA,EAClD,KAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAc,EAAA,EAAsD;AAAtD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EA7BzB,GA6BuB,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,IAAgB,CAAd,WAAA,CAAA,CAAA;AACvB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,yKAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ;AAEA,SAAS,aAAa,EAAA,EAMnB;AANmB,EAAA,IAAA,EAAA,GAAA,EAAA,EACpB;AAAA,IAAA,KAAA;AAAA,IACA;AAAA,GA5CF,GA0CsB,EAAA,EAGjB,KAAA,GAAA,SAAA,CAHiB,EAAA,EAGjB;AAAA,IAFH,OAAA;AAAA,IACA;AAAA,GAAA,CAAA;AA5CF,EAAA,IAAAA,GAAAA;AAiDE,EAAA,MAAM,eAAA,GAAwB,iBAAW,eAAe,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAc,QAAA,EAAS,GAAA,CAAIA,GAAAA,GAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,KAAA,CAAM,KAAA,CAAA,KAAvB,IAAA,GAAAA,GAAAA,GAAiC,EAAC;AAE3E,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,aAAA,EAAa,QAAA;AAAA,MACb,SAAA,EAAW,EAAA;AAAA,QACT,qfAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA,CAAA,EAPL;AAAA,MASE,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,QACA,YAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAU,yEACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0DAAA,EAA2D,CAAA,EAC5E;AAAA;AAAA,KAAA;AAAA,GAEJ;AAEJ;AAEA,SAAS,kBAAkB,EAAA,EAA2C;AAA3C,EAAA,IAAK,kBAAL,EAAA,EAAK,EAAA,CAAA;AAC9B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAU,wDAAA;AAAA,MACV,IAAA,EAAK;AAAA,KAAA,EACD,KAAA,CAAA,EAJL;AAAA,MAMC,8BAAC,SAAA,EAAA,EAAU;AAAA,KAAA;AAAA,GACb;AAEJ","file":"chunk-RI7KG3TF.js","sourcesContent":["\"use client\"\n\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport { MinusIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"cn-input-otp flex items-center has-disabled:opacity-50\",\n        containerClassName,\n      )}\n      spellCheck={false}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\n        \"flex items-center rounded-md has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"relative flex size-9 items-center justify-center border-input border-y border-r text-sm shadow-xs outline-none transition-all first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40\",\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n      role=\"separator\"\n      {...props}\n    >\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"]}

package/dist/{chunk-RXV2XUDZ.js → chunk-SLSJ6OOL.js}

@@ -27,5 +27,5 @@ function useAnimationTimer(intervalMs) {
 }
 
 export { useAnimationTimer };
-//# sourceMappingURL=chunk-RXV2XUDZ.js.map
-//# sourceMappingURL=chunk-RXV2XUDZ.js.map
+//# sourceMappingURL=chunk-SLSJ6OOL.js.map
+//# sourceMappingURL=chunk-SLSJ6OOL.js.map

package/dist/{chunk-RXV2XUDZ.js.map → chunk-SLSJ6OOL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/use-animation-timer.ts"],"names":[],"mappings":";;;AAUO,SAAS,kBAAkB,UAAA,EAAoB;AACpD,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AACvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAElC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAET,IAAA,MAAM,QAAA,GAAW,IAAI,oBAAA,CAAqB,CAAC,CAAC,KAAK,CAAA,KAAM,YAAA,CAAa,KAAA,CAAM,cAAc,CAAA,EAAG;AAAA,MACzF,SAAA,EAAW;AAAA,KACZ,CAAA;AACD,IAAA,QAAA,CAAS,QAAQ,EAAE,CAAA;AACnB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAAA,EACtB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,EAAW;AAChB,IAAA,MAAM,EAAA,GAAK,WAAA,CAAY,OAAA,EAAS,UAAU,CAAA;AAC1C,IAAA,OAAO,MAAM,cAAc,EAAE,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,SAAA,EAAW,UAAA,EAAY,OAAO,CAAC,CAAA;AAEnC,EAAA,OAAO,CAAC,KAAK,IAAI,CAAA;AACnB","file":"chunk-RXV2XUDZ.js","sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\n/**\n * Combines an interval timer with IntersectionObserver visibility detection.\n * The timer only runs when the component is visible in the viewport.\n * Returns [ref, tick] where ref should be attached to the container element,\n * and tick is a counter that increments on each interval.\n */\nexport function useAnimationTimer(intervalMs: number) {\n  const ref = useRef<HTMLDivElement>(null)\n  const [isVisible, setIsVisible] = useState(false)\n  const [tick, setTick] = useState(0)\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n\n    const observer = new IntersectionObserver(([entry]) => setIsVisible(entry.isIntersecting), {\n      threshold: 0.1,\n    })\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [])\n\n  const advance = useCallback(() => {\n    setTick((t) => t + 1)\n  }, [])\n\n  useEffect(() => {\n    if (!isVisible) return\n    const id = setInterval(advance, intervalMs)\n    return () => clearInterval(id)\n  }, [isVisible, intervalMs, advance])\n\n  return [ref, tick] as const\n}\n"]}
+{"version":3,"sources":["../src/hooks/use-animation-timer.ts"],"names":[],"mappings":";;;AAUO,SAAS,kBAAkB,UAAA,EAAoB;AACpD,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AACvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAElC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAET,IAAA,MAAM,QAAA,GAAW,IAAI,oBAAA,CAAqB,CAAC,CAAC,KAAK,CAAA,KAAM,YAAA,CAAa,KAAA,CAAM,cAAc,CAAA,EAAG;AAAA,MACzF,SAAA,EAAW;AAAA,KACZ,CAAA;AACD,IAAA,QAAA,CAAS,QAAQ,EAAE,CAAA;AACnB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAAA,EACtB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,EAAW;AAChB,IAAA,MAAM,EAAA,GAAK,WAAA,CAAY,OAAA,EAAS,UAAU,CAAA;AAC1C,IAAA,OAAO,MAAM,cAAc,EAAE,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,SAAA,EAAW,UAAA,EAAY,OAAO,CAAC,CAAA;AAEnC,EAAA,OAAO,CAAC,KAAK,IAAI,CAAA;AACnB","file":"chunk-SLSJ6OOL.js","sourcesContent":["\"use client\"\n\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\n/**\n * Combines an interval timer with IntersectionObserver visibility detection.\n * The timer only runs when the component is visible in the viewport.\n * Returns [ref, tick] where ref should be attached to the container element,\n * and tick is a counter that increments on each interval.\n */\nexport function useAnimationTimer(intervalMs: number) {\n  const ref = useRef<HTMLDivElement>(null)\n  const [isVisible, setIsVisible] = useState(false)\n  const [tick, setTick] = useState(0)\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n\n    const observer = new IntersectionObserver(([entry]) => setIsVisible(entry.isIntersecting), {\n      threshold: 0.1,\n    })\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [])\n\n  const advance = useCallback(() => {\n    setTick((t) => t + 1)\n  }, [])\n\n  useEffect(() => {\n    if (!isVisible) return\n    const id = setInterval(advance, intervalMs)\n    return () => clearInterval(id)\n  }, [isVisible, intervalMs, advance])\n\n  return [ref, tick] as const\n}\n"]}

package/dist/chunk-ST22RZYN.js

@@ -0,0 +1,122 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadValues } from './chunk-2NMEKWO5.js';
+import { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var CHARS = " .:-=+*#%@";
+var IS_MOBILE = typeof window !== "undefined" && window.innerWidth < 768;
+var CELL = IS_MOBILE ? 20 : 14;
+var FONT_SIZE = IS_MOBILE ? 16 : 12;
+function isDark() {
+  return document.documentElement.classList.contains("dark");
+}
+function AsciiShader(_a) {
+  var _b = _a, { paused = false, className } = _b, props = __objRest(_b, ["paused", "className"]);
+  const canvasRef = useRef(null);
+  const rafRef = useRef(0);
+  const pausedRef = useRef(paused);
+  const frameCount = useRef(0);
+  useEffect(() => {
+    pausedRef.current = paused;
+  }, [paused]);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    if (mq.matches) return;
+    let baseOpacity = isDark() ? 0.15 : 0.08;
+    let fgBase = isDark() ? "255,255,255" : "0,0,0";
+    const updateColors = () => {
+      baseOpacity = isDark() ? 0.15 : 0.08;
+      fgBase = isDark() ? "255,255,255" : "0,0,0";
+    };
+    const darkMq = window.matchMedia("(prefers-color-scheme: dark)");
+    darkMq.addEventListener("change", updateColors);
+    const mutObs = new MutationObserver(updateColors);
+    mutObs.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    const startTime = performance.now();
+    let cols = 0;
+    let rows = 0;
+    const resize = () => {
+      const dpr = Math.min(window.devicePixelRatio, 2);
+      canvas.width = canvas.clientWidth * dpr;
+      canvas.height = canvas.clientHeight * dpr;
+      ctx.scale(dpr, dpr);
+      cols = Math.ceil(canvas.clientWidth / CELL);
+      rows = Math.ceil(canvas.clientHeight / CELL);
+    };
+    resize();
+    window.addEventListener("resize", resize);
+    const render = (now) => {
+      if (pausedRef.current) {
+        rafRef.current = requestAnimationFrame(render);
+        return;
+      }
+      frameCount.current++;
+      if (frameCount.current % 3 !== 0) {
+        rafRef.current = requestAnimationFrame(render);
+        return;
+      }
+      const w = canvas.clientWidth;
+      const h = canvas.clientHeight;
+      if (w === 0 || h === 0) {
+        rafRef.current = requestAnimationFrame(render);
+        return;
+      }
+      ctx.clearRect(0, 0, w, h);
+      ctx.font = `${FONT_SIZE}px var(--font-mono), monospace`;
+      ctx.textAlign = "center";
+      ctx.textBaseline = "middle";
+      const t = (now - startTime) / 1e3 * 0.8;
+      const t3 = t / 3;
+      const aspect = w / h;
+      for (let row = 0; row < rows; row++) {
+        for (let col = 0; col < cols; col++) {
+          const u = col / cols * aspect * 4 + t3 * 0.2;
+          const v = row / rows * 4 + t3 * 0.15;
+          const k = Math.cos(v * 1.3 + Math.sin(t3 * 0.8 + u * 0.7)) * 2;
+          const w2 = Math.sin(u * 1.1 + Math.cos(t3 * 0.6 - v * 0.9)) * 2;
+          const d = Math.sqrt(u * u + v * v) * 0.3;
+          const field = Math.cos(d + k) * Math.sin(d + w2) * Math.cos(k * w2 * 0.3 + t3);
+          const val = field * 0.5 + 0.5;
+          const charIdx = Math.floor(val * (CHARS.length - 1));
+          const char = CHARS[Math.min(charIdx, CHARS.length - 1)];
+          if (char !== " ") {
+            const opacity = baseOpacity * (0.3 + 0.7 * (charIdx / (CHARS.length - 1)));
+            ctx.fillStyle = `rgba(${fgBase},${opacity})`;
+            const x = col * CELL + CELL / 2;
+            const y = row * CELL + CELL / 2;
+            ctx.fillText(char, x, y);
+          }
+        }
+      }
+      rafRef.current = requestAnimationFrame(render);
+    };
+    rafRef.current = requestAnimationFrame(render);
+    return () => {
+      cancelAnimationFrame(rafRef.current);
+      window.removeEventListener("resize", resize);
+      darkMq.removeEventListener("change", updateColors);
+      mutObs.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "canvas",
+    __spreadValues({
+      ref: canvasRef,
+      "aria-hidden": "true",
+      "data-slot": "ascii-shader",
+      className: cn("absolute inset-0 h-full w-full", className)
+    }, props)
+  );
+}
+
+export { AsciiShader };
+//# sourceMappingURL=chunk-ST22RZYN.js.map
+//# sourceMappingURL=chunk-ST22RZYN.js.map

package/dist/chunk-ST22RZYN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ascii-shader.tsx"],"names":[],"mappings":"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","file":"chunk-ST22RZYN.js","sourcesContent":["\"use client\"\n\nimport { useEffect, useRef } from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nconst CHARS = \" .:-=+*#%@\"\nconst IS_MOBILE = typeof window !== \"undefined\" && window.innerWidth < 768\nconst CELL = IS_MOBILE ? 20 : 14\nconst FONT_SIZE = IS_MOBILE ? 16 : 12\n\ntype AsciiShaderProps = React.ComponentProps<\"canvas\"> & {\n  paused?: boolean\n}\n\nfunction isDark() {\n  return document.documentElement.classList.contains(\"dark\")\n}\n\nfunction AsciiShader({ paused = false, className, ...props }: AsciiShaderProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const rafRef = useRef(0)\n  const pausedRef = useRef(paused)\n  const frameCount = useRef(0)\n\n  useEffect(() => {\n    pausedRef.current = paused\n  }, [paused])\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const ctx = canvas.getContext(\"2d\")\n    if (!ctx) return\n\n    const mq = window.matchMedia(\"(prefers-reduced-motion: reduce)\")\n    if (mq.matches) return\n\n    let baseOpacity = isDark() ? 0.15 : 0.08\n    let fgBase = isDark() ? \"255,255,255\" : \"0,0,0\"\n\n    const updateColors = () => {\n      baseOpacity = isDark() ? 0.15 : 0.08\n      fgBase = isDark() ? \"255,255,255\" : \"0,0,0\"\n    }\n\n    const darkMq = window.matchMedia(\"(prefers-color-scheme: dark)\")\n    darkMq.addEventListener(\"change\", updateColors)\n    const mutObs = new MutationObserver(updateColors)\n    mutObs.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    })\n\n    const startTime = performance.now()\n    let cols = 0\n    let rows = 0\n\n    const resize = () => {\n      const dpr = Math.min(window.devicePixelRatio, 2)\n      canvas.width = canvas.clientWidth * dpr\n      canvas.height = canvas.clientHeight * dpr\n      ctx.scale(dpr, dpr)\n      cols = Math.ceil(canvas.clientWidth / CELL)\n      rows = Math.ceil(canvas.clientHeight / CELL)\n    }\n\n    resize()\n    window.addEventListener(\"resize\", resize)\n\n    const render = (now: number) => {\n      if (pausedRef.current) {\n        rafRef.current = requestAnimationFrame(render)\n        return\n      }\n\n      frameCount.current++\n      if (frameCount.current % 3 !== 0) {\n        rafRef.current = requestAnimationFrame(render)\n        return\n      }\n\n      const w = canvas.clientWidth\n      const h = canvas.clientHeight\n      if (w === 0 || h === 0) {\n        rafRef.current = requestAnimationFrame(render)\n        return\n      }\n\n      ctx.clearRect(0, 0, w, h)\n      ctx.font = `${FONT_SIZE}px var(--font-mono), monospace`\n      ctx.textAlign = \"center\"\n      ctx.textBaseline = \"middle\"\n\n      const t = ((now - startTime) / 1000) * 0.8\n      const t3 = t / 3\n      const aspect = w / h\n\n      for (let row = 0; row < rows; row++) {\n        for (let col = 0; col < cols; col++) {\n          const u = (col / cols) * aspect * 4 + t3 * 0.2\n          const v = (row / rows) * 4 + t3 * 0.15\n\n          const k = Math.cos(v * 1.3 + Math.sin(t3 * 0.8 + u * 0.7)) * 2\n          const w2 = Math.sin(u * 1.1 + Math.cos(t3 * 0.6 - v * 0.9)) * 2\n          const d = Math.sqrt(u * u + v * v) * 0.3\n          const field = Math.cos(d + k) * Math.sin(d + w2) * Math.cos(k * w2 * 0.3 + t3)\n\n          const val = field * 0.5 + 0.5\n          const charIdx = Math.floor(val * (CHARS.length - 1))\n          const char = CHARS[Math.min(charIdx, CHARS.length - 1)]\n\n          if (char !== \" \") {\n            const opacity = baseOpacity * (0.3 + 0.7 * (charIdx / (CHARS.length - 1)))\n            ctx.fillStyle = `rgba(${fgBase},${opacity})`\n            const x = col * CELL + CELL / 2\n            const y = row * CELL + CELL / 2\n            ctx.fillText(char, x, y)\n          }\n        }\n      }\n\n      rafRef.current = requestAnimationFrame(render)\n    }\n\n    rafRef.current = requestAnimationFrame(render)\n\n    return () => {\n      cancelAnimationFrame(rafRef.current)\n      window.removeEventListener(\"resize\", resize)\n      darkMq.removeEventListener(\"change\", updateColors)\n      mutObs.disconnect()\n    }\n  }, [])\n\n  return (\n    <canvas\n      ref={canvasRef}\n      aria-hidden=\"true\"\n      data-slot=\"ascii-shader\"\n      className={cn(\"absolute inset-0 h-full w-full\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { AsciiShader }\nexport type { AsciiShaderProps }\n"]}

package/dist/chunk-SZFIXV43.js

@@ -0,0 +1,3 @@
+export { useField, useForm, useStore } from '@tanstack/react-form';
+//# sourceMappingURL=chunk-SZFIXV43.js.map
+//# sourceMappingURL=chunk-SZFIXV43.js.map

package/dist/chunk-SZFIXV43.js.map

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

package/dist/chunk-TJVE6LDU.js

@@ -0,0 +1,205 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var BAYER = [
+  0 / 16,
+  8 / 16,
+  2 / 16,
+  10 / 16,
+  12 / 16,
+  4 / 16,
+  14 / 16,
+  6 / 16,
+  3 / 16,
+  11 / 16,
+  1 / 16,
+  9 / 16,
+  15 / 16,
+  7 / 16,
+  13 / 16,
+  5 / 16
+];
+var BAYER_SCALE = 4;
+var DOWNSAMPLE = 4;
+var DEFAULT_COLORS = {
+  light: { fg: [220, 223, 227], bg: [250, 250, 250] },
+  dark: { fg: [26, 35, 52], bg: [58, 74, 92] }
+};
+function isDark() {
+  return document.documentElement.classList.contains("dark");
+}
+function BgShader({ className, colors = DEFAULT_COLORS }) {
+  const colorsRef = useRef(colors);
+  colorsRef.current = colors;
+  const canvasRef = useRef(null);
+  const rafRef = useRef(0);
+  const visibleRef = useRef(false);
+  const frameCount = useRef(0);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    let reducedMotion = mq.matches;
+    const onMotionChange = (e) => {
+      reducedMotion = e.matches;
+    };
+    mq.addEventListener("change", onMotionChange);
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const resolve = () => {
+      const c = colorsRef.current;
+      return isDark() ? c.dark : c.light;
+    };
+    let { fg, bg } = resolve();
+    const updateColors = () => {
+      const resolved = resolve();
+      fg = resolved.fg;
+      bg = resolved.bg;
+    };
+    const darkMq = window.matchMedia("(prefers-color-scheme: dark)");
+    darkMq.addEventListener("change", updateColors);
+    const mutObs = new MutationObserver(updateColors);
+    mutObs.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    const ioObs = new IntersectionObserver(
+      ([entry]) => {
+        visibleRef.current = entry.isIntersecting;
+        if (entry.isIntersecting) {
+          rafRef.current = requestAnimationFrame(render);
+        }
+      },
+      { rootMargin: "100px" }
+    );
+    ioObs.observe(canvas);
+    const startTime = performance.now();
+    let cachedImageData = null;
+    let cachedW = 0;
+    let cachedH = 0;
+    const render = (now) => {
+      if (!visibleRef.current || reducedMotion) return;
+      frameCount.current++;
+      if (frameCount.current % 2 !== 0) {
+        rafRef.current = requestAnimationFrame(render);
+        return;
+      }
+      const w = canvas.clientWidth;
+      const h = canvas.clientHeight;
+      if (w === 0 || h === 0) {
+        rafRef.current = requestAnimationFrame(render);
+        return;
+      }
+      const cw = Math.ceil(w / DOWNSAMPLE);
+      const ch = Math.ceil(h / DOWNSAMPLE);
+      if (canvas.width !== cw || canvas.height !== ch) {
+        canvas.width = cw;
+        canvas.height = ch;
+      }
+      if (!cachedImageData || cachedW !== cw || cachedH !== ch) {
+        cachedImageData = ctx.createImageData(cw, ch);
+        cachedW = cw;
+        cachedH = ch;
+      }
+      const data = cachedImageData.data;
+      const time = (now - startTime) / 1e3 * 0.5;
+      const t3 = time / 3;
+      const aspect = w / h;
+      for (let py = 0; py < ch; py++) {
+        for (let px = 0; px < cw; px++) {
+          const u = px / cw * aspect * 3.5 + t3 * 0.3;
+          const v = py / ch * 3.5 + t3 * 0.3;
+          const k = 0.1 + Math.cos(v + Math.sin(0.148 - t3)) + 2.4 * t3;
+          const w2 = 0.9 + Math.sin(u + Math.cos(0.628 + t3)) - 0.7 * t3;
+          const d = Math.sqrt(u * u + v * v);
+          const s = 7 * Math.cos(d + w2) * Math.sin(k + w2);
+          const r = 0.5 + 0.5 * Math.cos(s + 0.2);
+          const g = 0.5 + 0.5 * Math.cos(s + 0.5);
+          const b = 0.5 + 0.5 * Math.cos(s + 0.9);
+          const gray = 0.299 * r + 0.587 * g + 0.114 * b;
+          const ox = px * DOWNSAMPLE;
+          const oy = py * DOWNSAMPLE;
+          const bx = Math.floor(ox / BAYER_SCALE) & 3;
+          const by = Math.floor(oy / BAYER_SCALE) & 3;
+          const threshold = BAYER[bx + by * 4];
+          const idx = (py * cw + px) * 4;
+          const c = gray > threshold ? fg : bg;
+          data[idx] = c[0];
+          data[idx + 1] = c[1];
+          data[idx + 2] = c[2];
+          data[idx + 3] = 255;
+        }
+      }
+      ctx.putImageData(cachedImageData, 0, 0);
+      rafRef.current = requestAnimationFrame(render);
+    };
+    if (reducedMotion) {
+      rafRef.current = requestAnimationFrame(() => {
+        visibleRef.current = true;
+        frameCount.current = 1;
+        const w = canvas.clientWidth;
+        const h = canvas.clientHeight;
+        if (w === 0 || h === 0) return;
+        const cw = Math.ceil(w / DOWNSAMPLE);
+        const ch = Math.ceil(h / DOWNSAMPLE);
+        canvas.width = cw;
+        canvas.height = ch;
+        const imageData = ctx.createImageData(cw, ch);
+        const data = imageData.data;
+        const aspect = w / h;
+        for (let py = 0; py < ch; py++) {
+          for (let px = 0; px < cw; px++) {
+            const u = px / cw * aspect * 3.5;
+            const v = py / ch * 3.5;
+            const k = 0.1 + Math.cos(v + Math.sin(0.148));
+            const w2 = 0.9 + Math.sin(u + Math.cos(0.628));
+            const d = Math.sqrt(u * u + v * v);
+            const s = 7 * Math.cos(d + w2) * Math.sin(k + w2);
+            const gray = 0.299 * (0.5 + 0.5 * Math.cos(s + 0.2)) + 0.587 * (0.5 + 0.5 * Math.cos(s + 0.5)) + 0.114 * (0.5 + 0.5 * Math.cos(s + 0.9));
+            const ox = px * DOWNSAMPLE;
+            const oy = py * DOWNSAMPLE;
+            const bx = Math.floor(ox / BAYER_SCALE) & 3;
+            const by = Math.floor(oy / BAYER_SCALE) & 3;
+            const threshold = BAYER[bx + by * 4];
+            const idx = (py * cw + px) * 4;
+            const c = gray > threshold ? fg : bg;
+            data[idx] = c[0];
+            data[idx + 1] = c[1];
+            data[idx + 2] = c[2];
+            data[idx + 3] = 255;
+          }
+        }
+        ctx.putImageData(imageData, 0, 0);
+      });
+    }
+    return () => {
+      cancelAnimationFrame(rafRef.current);
+      ioObs.disconnect();
+      mutObs.disconnect();
+      darkMq.removeEventListener("change", updateColors);
+      mq.removeEventListener("change", onMotionChange);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn("absolute inset-0 opacity-50", className),
+      "data-slot": "bg-shader",
+      children: /* @__PURE__ */ jsx(
+        "canvas",
+        {
+          ref: canvasRef,
+          className: "block h-full w-full",
+          style: { imageRendering: "pixelated" }
+        }
+      )
+    }
+  );
+}
+
+export { BgShader };
+//# sourceMappingURL=chunk-TJVE6LDU.js.map
+//# sourceMappingURL=chunk-TJVE6LDU.js.map

package/dist/chunk-TJVE6LDU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bg-shader.tsx"],"names":[],"mappings":"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","file":"chunk-TJVE6LDU.js","sourcesContent":["\"use client\"\n\nimport { useEffect, useRef } from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\n// 4×4 Bayer dithering matrix (normalised to 0–1)\nconst BAYER = [\n  0 / 16,\n  8 / 16,\n  2 / 16,\n  10 / 16,\n  12 / 16,\n  4 / 16,\n  14 / 16,\n  6 / 16,\n  3 / 16,\n  11 / 16,\n  1 / 16,\n  9 / 16,\n  15 / 16,\n  7 / 16,\n  13 / 16,\n  5 / 16,\n]\n\nconst BAYER_SCALE = 4\nconst DOWNSAMPLE = 4\n\ntype RGB = [number, number, number]\n\ntype ThemeColors = {\n  fg: RGB\n  bg: RGB\n}\n\nconst DEFAULT_COLORS = {\n  light: { fg: [0xdc, 0xdf, 0xe3] as RGB, bg: [0xfa, 0xfa, 0xfa] as RGB },\n  dark: { fg: [0x1a, 0x23, 0x34] as RGB, bg: [0x3a, 0x4a, 0x5c] as RGB },\n}\n\nfunction isDark() {\n  return document.documentElement.classList.contains(\"dark\")\n}\n\ninterface BgShaderProps {\n  className?: string\n  /** Override foreground/background colors for light and dark modes. Accepts RGB tuples. */\n  colors?: { light: ThemeColors; dark: ThemeColors }\n}\n\nfunction BgShader({ className, colors = DEFAULT_COLORS }: BgShaderProps) {\n  const colorsRef = useRef(colors)\n  colorsRef.current = colors\n\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const rafRef = useRef<number>(0)\n  const visibleRef = useRef(false)\n  const frameCount = useRef(0)\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n\n    const mq = window.matchMedia(\"(prefers-reduced-motion: reduce)\")\n    let reducedMotion = mq.matches\n    const onMotionChange = (e: MediaQueryListEvent) => {\n      reducedMotion = e.matches\n    }\n    mq.addEventListener(\"change\", onMotionChange)\n\n    const ctx = canvas.getContext(\"2d\")\n    if (!ctx) return\n\n    const resolve = () => {\n      const c = colorsRef.current\n      return isDark() ? c.dark : c.light\n    }\n\n    let { fg, bg } = resolve()\n\n    const updateColors = () => {\n      const resolved = resolve()\n      fg = resolved.fg\n      bg = resolved.bg\n    }\n\n    const darkMq = window.matchMedia(\"(prefers-color-scheme: dark)\")\n    darkMq.addEventListener(\"change\", updateColors)\n\n    const mutObs = new MutationObserver(updateColors)\n    mutObs.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    })\n\n    const ioObs = new IntersectionObserver(\n      ([entry]) => {\n        visibleRef.current = entry.isIntersecting\n        if (entry.isIntersecting) {\n          rafRef.current = requestAnimationFrame(render)\n        }\n      },\n      { rootMargin: \"100px\" },\n    )\n    ioObs.observe(canvas)\n\n    const startTime = performance.now()\n    let cachedImageData: ImageData | null = null\n    let cachedW = 0\n    let cachedH = 0\n\n    const render = (now: number) => {\n      if (!visibleRef.current || reducedMotion) return\n\n      frameCount.current++\n      if (frameCount.current % 2 !== 0) {\n        rafRef.current = requestAnimationFrame(render)\n        return\n      }\n\n      const w = canvas.clientWidth\n      const h = canvas.clientHeight\n      if (w === 0 || h === 0) {\n        rafRef.current = requestAnimationFrame(render)\n        return\n      }\n\n      const cw = Math.ceil(w / DOWNSAMPLE)\n      const ch = Math.ceil(h / DOWNSAMPLE)\n\n      if (canvas.width !== cw || canvas.height !== ch) {\n        canvas.width = cw\n        canvas.height = ch\n      }\n\n      if (!cachedImageData || cachedW !== cw || cachedH !== ch) {\n        cachedImageData = ctx.createImageData(cw, ch)\n        cachedW = cw\n        cachedH = ch\n      }\n\n      const data = cachedImageData.data\n      const time = ((now - startTime) / 1000) * 0.5\n      const t3 = time / 3\n      const aspect = w / h\n\n      for (let py = 0; py < ch; py++) {\n        for (let px = 0; px < cw; px++) {\n          const u = (px / cw) * aspect * 3.5 + t3 * 0.3\n          const v = (py / ch) * 3.5 + t3 * 0.3\n\n          const k = 0.1 + Math.cos(v + Math.sin(0.148 - t3)) + 2.4 * t3\n          const w2 = 0.9 + Math.sin(u + Math.cos(0.628 + t3)) - 0.7 * t3\n          const d = Math.sqrt(u * u + v * v)\n          const s = 7.0 * Math.cos(d + w2) * Math.sin(k + w2)\n\n          const r = 0.5 + 0.5 * Math.cos(s + 0.2)\n          const g = 0.5 + 0.5 * Math.cos(s + 0.5)\n          const b = 0.5 + 0.5 * Math.cos(s + 0.9)\n\n          const gray = 0.299 * r + 0.587 * g + 0.114 * b\n\n          const ox = px * DOWNSAMPLE\n          const oy = py * DOWNSAMPLE\n          const bx = Math.floor(ox / BAYER_SCALE) & 3\n          const by = Math.floor(oy / BAYER_SCALE) & 3\n          const threshold = BAYER[bx + by * 4]\n\n          const idx = (py * cw + px) * 4\n          const c = gray > threshold ? fg : bg\n          data[idx] = c[0]\n          data[idx + 1] = c[1]\n          data[idx + 2] = c[2]\n          data[idx + 3] = 255\n        }\n      }\n\n      ctx.putImageData(cachedImageData, 0, 0)\n      rafRef.current = requestAnimationFrame(render)\n    }\n\n    if (reducedMotion) {\n      rafRef.current = requestAnimationFrame(() => {\n        visibleRef.current = true\n        frameCount.current = 1\n        const w = canvas.clientWidth\n        const h = canvas.clientHeight\n        if (w === 0 || h === 0) return\n        const cw = Math.ceil(w / DOWNSAMPLE)\n        const ch = Math.ceil(h / DOWNSAMPLE)\n        canvas.width = cw\n        canvas.height = ch\n        const imageData = ctx.createImageData(cw, ch)\n        const data = imageData.data\n        const aspect = w / h\n        for (let py = 0; py < ch; py++) {\n          for (let px = 0; px < cw; px++) {\n            const u = (px / cw) * aspect * 3.5\n            const v = (py / ch) * 3.5\n            const k = 0.1 + Math.cos(v + Math.sin(0.148))\n            const w2 = 0.9 + Math.sin(u + Math.cos(0.628))\n            const d = Math.sqrt(u * u + v * v)\n            const s = 7.0 * Math.cos(d + w2) * Math.sin(k + w2)\n            const gray =\n              0.299 * (0.5 + 0.5 * Math.cos(s + 0.2)) +\n              0.587 * (0.5 + 0.5 * Math.cos(s + 0.5)) +\n              0.114 * (0.5 + 0.5 * Math.cos(s + 0.9))\n            const ox = px * DOWNSAMPLE\n            const oy = py * DOWNSAMPLE\n            const bx = Math.floor(ox / BAYER_SCALE) & 3\n            const by = Math.floor(oy / BAYER_SCALE) & 3\n            const threshold = BAYER[bx + by * 4]\n            const idx = (py * cw + px) * 4\n            const c = gray > threshold ? fg : bg\n            data[idx] = c[0]\n            data[idx + 1] = c[1]\n            data[idx + 2] = c[2]\n            data[idx + 3] = 255\n          }\n        }\n        ctx.putImageData(imageData, 0, 0)\n      })\n    }\n\n    return () => {\n      cancelAnimationFrame(rafRef.current)\n      ioObs.disconnect()\n      mutObs.disconnect()\n      darkMq.removeEventListener(\"change\", updateColors)\n      mq.removeEventListener(\"change\", onMotionChange)\n    }\n  }, [])\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={cn(\"absolute inset-0 opacity-50\", className)}\n      data-slot=\"bg-shader\"\n    >\n      <canvas\n        ref={canvasRef}\n        className=\"block h-full w-full\"\n        style={{ imageRendering: \"pixelated\" }}\n      />\n    </div>\n  )\n}\n\nexport { BgShader }\nexport type { BgShaderProps, ThemeColors, RGB }\n"]}