@nastechai-research/ui 0.13.2

package/dist/ui/components/spinner.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  useEffect,
+  useState
+} from "react";
+import spinners from "unicode-animations";
+import { cn } from "../../utils/index.js";
+export function Spinner({
+  className,
+  name = "braille",
+  style,
+  ...props
+}) {
+  const [frame, setFrame] = useState(0);
+  const animation = spinners[name];
+  useEffect(() => {
+    const id = setInterval(
+      () => setFrame((f) => (f + 1) % animation.frames.length),
+      animation.interval
+    );
+    return () => clearInterval(id);
+  }, [animation.frames.length, animation.interval]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": props["aria-label"] ? void 0 : true,
+      className: cn(
+        "font-mono inline-block leading-none tabular-nums",
+        className
+      ),
+      style,
+      ...props,
+      children: animation.frames[frame]
+    }
+  );
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7XG4gIHR5cGUgQ1NTUHJvcGVydGllcyxcbiAgdHlwZSBIVE1MQXR0cmlidXRlcyxcbiAgdXNlRWZmZWN0LFxuICB1c2VTdGF0ZVxufSBmcm9tICdyZWFjdCdcbmltcG9ydCBzcGlubmVycywgeyB0eXBlIEJyYWlsbGVTcGlubmVyTmFtZSB9IGZyb20gJ3VuaWNvZGUtYW5pbWF0aW9ucydcblxuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuLyoqXG4gKiBCcmFpbGxlIHVuaWNvZGUgc3Bpbm5lci4gUmVuZGVycyB0aGUgYWN0aXZlIGZyYW1lIG9mIGEgYHVuaWNvZGUtYW5pbWF0aW9uc2BcbiAqIHNlcXVlbmNlIGluc2lkZSBhbiBpbmxpbmUgYDxzcGFuPmAsIGFkdmFuY2luZyBvbiB0aGUgc3Bpbm5lcidzIG93biBpbnRlcnZhbC5cbiAqXG4gKiBJbmhlcml0cyBmb250IGNvbG9yIGFuZCBmb250IHNpemUgZnJvbSBpdHMgcGFyZW50IFx1MjAxNCBhcHBseSBUYWlsd2luZCB1dGlsaXRpZXNcbiAqIChlLmcuIGB0ZXh0LXdhcm5pbmdgLCBgdGV4dC1iYXNlYCkgdmlhIGBjbGFzc05hbWVgIHRvIHN0eWxlLlxuICpcbiAqIERlY29yYXRpdmUgYnkgZGVmYXVsdC4gUGFzcyBgYXJpYS1sYWJlbGAgKGFuZCBvcHRpb25hbGx5IGByb2xlPVwic3RhdHVzXCJgKSB3aGVuXG4gKiB0aGUgc3Bpbm5lciBoYXMgbm8gc3Vycm91bmRpbmcgbG9hZGluZyB0ZXh0IGFuZCBzY3JlZW4gcmVhZGVycyBuZWVkIHRvIGtub3dcbiAqIHNvbWV0aGluZyBpcyBsb2FkaW5nLlxuICovXG5leHBvcnQgZnVuY3Rpb24gU3Bpbm5lcih7XG4gIGNsYXNzTmFtZSxcbiAgbmFtZSA9ICdicmFpbGxlJyxcbiAgc3R5bGUsXG4gIC4uLnByb3BzXG59OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgW2ZyYW1lLCBzZXRGcmFtZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBhbmltYXRpb24gPSBzcGlubmVyc1tuYW1lXVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaWQgPSBzZXRJbnRlcnZhbChcbiAgICAgICgpID0+IHNldEZyYW1lKGYgPT4gKGYgKyAxKSAlIGFuaW1hdGlvbi5mcmFtZXMubGVuZ3RoKSxcbiAgICAgIGFuaW1hdGlvbi5pbnRlcnZhbFxuICAgIClcbiAgICByZXR1cm4gKCkgPT4gY2xlYXJJbnRlcnZhbChpZClcbiAgfSwgW2FuaW1hdGlvbi5mcmFtZXMubGVuZ3RoLCBhbmltYXRpb24uaW50ZXJ2YWxdKVxuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIGFyaWEtaGlkZGVuPXtwcm9wc1snYXJpYS1sYWJlbCddID8gdW5kZWZpbmVkIDogdHJ1ZX1cbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdmb250LW1vbm8gaW5saW5lLWJsb2NrIGxlYWRpbmctbm9uZSB0YWJ1bGFyLW51bXMnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICBzdHlsZT17c3R5bGV9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2FuaW1hdGlvbi5mcmFtZXNbZnJhbWVdfVxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG5pbnRlcmZhY2UgU3Bpbm5lclByb3BzIGV4dGVuZHMgSFRNTEF0dHJpYnV0ZXM8SFRNTFNwYW5FbGVtZW50PiB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBuYW1lPzogQnJhaWxsZVNwaW5uZXJOYW1lXG4gIHN0eWxlPzogQ1NTUHJvcGVydGllc1xufVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQXlDSTtBQXZDSjtBQUFBLEVBR0U7QUFBQSxFQUNBO0FBQUEsT0FDSztBQUNQLE9BQU8sY0FBMkM7QUFFbEQsU0FBUyxVQUFVO0FBYVosZ0JBQVMsUUFBUTtBQUFBLEVBQ3RCO0FBQUEsRUFDQSxPQUFPO0FBQUEsRUFDUDtBQUFBLEVBQ0EsR0FBRztBQUNMLEdBQWlCO0FBQ2YsUUFBTSxDQUFDLE9BQU8sUUFBUSxJQUFJLFNBQVMsQ0FBQztBQUNwQyxRQUFNLFlBQVksU0FBUyxJQUFJO0FBRS9CLFlBQVUsTUFBTTtBQUNkLFVBQU0sS0FBSztBQUFBLE1BQ1QsTUFBTSxTQUFTLFFBQU0sSUFBSSxLQUFLLFVBQVUsT0FBTyxNQUFNO0FBQUEsTUFDckQsVUFBVTtBQUFBLElBQ1o7QUFDQSxXQUFPLE1BQU0sY0FBYyxFQUFFO0FBQUEsRUFDL0IsR0FBRyxDQUFDLFVBQVUsT0FBTyxRQUFRLFVBQVUsUUFBUSxDQUFDO0FBRWhELFNBQ0U7QUFBQSxJQUFDO0FBQUE7QUFBQSxNQUNDLGVBQWEsTUFBTSxZQUFZLElBQUksU0FBWTtBQUFBLE1BQy9DLFdBQVc7QUFBQSxRQUNUO0FBQUEsUUFDQTtBQUFBLE1BQ0Y7QUFBQSxNQUNBO0FBQUEsTUFDQyxHQUFHO0FBQUEsTUFFSCxvQkFBVSxPQUFPLEtBQUs7QUFBQTtBQUFBLEVBQ3pCO0FBRUo7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/ui/components/stats.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+export declare function Stats({ className, items, flip, ...props }: StatsProps): React.JSX.Element;
+interface StatsProps extends React.ComponentProps<'div'> {
+    items: {
+        label: string | {
+            key: string;
+            node: ReactNode;
+        };
+        value: string | {
+            key: string;
+            node: ReactNode;
+        };
+    }[];
+    flip?: boolean;
+}
+export {};

package/dist/ui/components/stats.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/index.js";
+import { Typography } from "./typography/index.js";
+export function Stats({ className, items, flip, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col gap-5", className), ...props, children: items.map(({ label, value }) => {
+    const valueText = /* @__PURE__ */ jsx(
+      Typography,
+      {
+        className: "text-xs leading-[1.4] tracking-widest",
+        expanded: true,
+        children: typeof value === "string" ? value : value.node
+      }
+    );
+    const labelText = /* @__PURE__ */ jsx(Typography, { className: "leading-none tracking-[0.2em] opacity-60", mono: true, children: typeof label === "string" ? label : label.node });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "text-midground text-display grid grid-cols-[auto_1fr_auto] items-center gap-2.5",
+        children: [
+          flip ? labelText : valueText,
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              className: "min-w-0 overflow-hidden text-[13px] leading-[1.4] tracking-[0.4em] opacity-20",
+              expanded: true,
+              children: "\xB7".repeat(100)
+            }
+          ),
+          flip ? valueText : labelText
+        ]
+      },
+      (typeof label === "string" ? label : label.key) + "@@@" + (typeof value === "string" ? value : value.key)
+    );
+  }) });
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuXG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnLi90eXBvZ3JhcGh5J1xuXG5leHBvcnQgZnVuY3Rpb24gU3RhdHMoeyBjbGFzc05hbWUsIGl0ZW1zLCBmbGlwLCAuLi5wcm9wcyB9OiBTdGF0c1Byb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NuKCdmbGV4IHctZnVsbCBmbGV4LWNvbCBnYXAtNScsIGNsYXNzTmFtZSl9IHsuLi5wcm9wc30+XG4gICAgICB7aXRlbXMubWFwKCh7IGxhYmVsLCB2YWx1ZSB9KSA9PiB7XG4gICAgICAgIGNvbnN0IHZhbHVlVGV4dCA9IChcbiAgICAgICAgICA8VHlwb2dyYXBoeVxuICAgICAgICAgICAgY2xhc3NOYW1lPVwidGV4dC14cyBsZWFkaW5nLVsxLjRdIHRyYWNraW5nLXdpZGVzdFwiXG4gICAgICAgICAgICBleHBhbmRlZFxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnID8gdmFsdWUgOiB2YWx1ZS5ub2RlfVxuICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgKVxuICAgICAgICBjb25zdCBsYWJlbFRleHQgPSAoXG4gICAgICAgICAgPFR5cG9ncmFwaHkgY2xhc3NOYW1lPVwibGVhZGluZy1ub25lIHRyYWNraW5nLVswLjJlbV0gb3BhY2l0eS02MFwiIG1vbm8+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSAnc3RyaW5nJyA/IGxhYmVsIDogbGFiZWwubm9kZX1cbiAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgIClcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cInRleHQtbWlkZ3JvdW5kIHRleHQtZGlzcGxheSBncmlkIGdyaWQtY29scy1bYXV0b18xZnJfYXV0b10gaXRlbXMtY2VudGVyIGdhcC0yLjVcIlxuICAgICAgICAgICAga2V5PXsodHlwZW9mIGxhYmVsID09PSAnc3RyaW5nJyA/IGxhYmVsIDogbGFiZWwua2V5ICkgKyAnQEBAJysodHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJyA/IHZhbHVlIDogdmFsdWUua2V5KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ZmxpcCA/IGxhYmVsVGV4dCA6IHZhbHVlVGV4dH1cblxuICAgICAgICAgICAgPFR5cG9ncmFwaHlcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibWluLXctMCBvdmVyZmxvdy1oaWRkZW4gdGV4dC1bMTNweF0gbGVhZGluZy1bMS40XSB0cmFja2luZy1bMC40ZW1dIG9wYWNpdHktMjBcIlxuICAgICAgICAgICAgICBleHBhbmRlZFxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7J1x1MDBCNycucmVwZWF0KDEwMCl9XG4gICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG5cbiAgICAgICAgICAgIHtmbGlwID8gdmFsdWVUZXh0IDogbGFiZWxUZXh0fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5pbnRlcmZhY2UgU3RhdHNQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzPCdkaXYnPiB7XG4gIGl0ZW1zOiB7XG4gICAgbGFiZWw6IHN0cmluZyB8IHtrZXk6IHN0cmluZywgbm9kZTogUmVhY3ROb2RlfVxuICAgIHZhbHVlOiBzdHJpbmcgfCB7a2V5OiBzdHJpbmcsIG5vZGU6IFJlYWN0Tm9kZX1cbiAgfVtdXG4gIGZsaXA/OiBib29sZWFuXG59XG4iXSwKICAibWFwcGluZ3MiOiAiQUFXVSxjQWNBLFlBZEE7QUFUVixTQUFTLFVBQVU7QUFFbkIsU0FBUyxrQkFBa0I7QUFFcEIsZ0JBQVMsTUFBTSxFQUFFLFdBQVcsT0FBTyxNQUFNLEdBQUcsTUFBTSxHQUFlO0FBQ3RFLFNBQ0Usb0JBQUMsU0FBSSxXQUFXLEdBQUcsOEJBQThCLFNBQVMsR0FBSSxHQUFHLE9BQzlELGdCQUFNLElBQUksQ0FBQyxFQUFFLE9BQU8sTUFBTSxNQUFNO0FBQy9CLFVBQU0sWUFDSjtBQUFBLE1BQUM7QUFBQTtBQUFBLFFBQ0MsV0FBVTtBQUFBLFFBQ1YsVUFBUTtBQUFBLFFBRVAsaUJBQU8sVUFBVSxXQUFXLFFBQVEsTUFBTTtBQUFBO0FBQUEsSUFDN0M7QUFFRixVQUFNLFlBQ0osb0JBQUMsY0FBVyxXQUFVLDRDQUEyQyxNQUFJLE1BQ2xFLGlCQUFPLFVBQVUsV0FBVyxRQUFRLE1BQU0sTUFDN0M7QUFHRixXQUNFO0FBQUEsTUFBQztBQUFBO0FBQUEsUUFDQyxXQUFVO0FBQUEsUUFHVDtBQUFBLGlCQUFPLFlBQVk7QUFBQSxVQUVwQjtBQUFBLFlBQUM7QUFBQTtBQUFBLGNBQ0MsV0FBVTtBQUFBLGNBQ1YsVUFBUTtBQUFBLGNBRVAsaUJBQUksT0FBTyxHQUFHO0FBQUE7QUFBQSxVQUNqQjtBQUFBLFVBRUMsT0FBTyxZQUFZO0FBQUE7QUFBQTtBQUFBLE9BWGQsT0FBTyxVQUFVLFdBQVcsUUFBUSxNQUFNLE9BQVEsU0FBTyxPQUFPLFVBQVUsV0FBVyxRQUFRLE1BQU07QUFBQSxJQVkzRztBQUFBLEVBRUosQ0FBQyxHQUNIO0FBRUo7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/ui/components/switch.d.ts

@@ -0,0 +1,7 @@
+import { type ButtonHTMLAttributes } from 'react';
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+}
+export {};

package/dist/ui/components/switch.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../utils/index.js";
+export const Switch = forwardRef(function Switch2({ checked, className, disabled, id, onCheckedChange, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-checked": checked,
+      className: cn(
+        "peer inline-flex h-5 w-9 shrink-0 items-center border transition-colors cursor-pointer",
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-midground/30",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        checked ? "bg-midground/15 border-midground/30" : "bg-background border-midground/20",
+        className
+      ),
+      disabled,
+      id,
+      onClick: () => onCheckedChange(!checked),
+      ref,
+      role: "switch",
+      type: "button",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: cn(
+            "pointer-events-none block h-3.5 w-3.5 transition-transform",
+            checked ? "translate-x-4 bg-midground" : "translate-x-0.5 bg-midground/40"
+          )
+        }
+      )
+    }
+  );
+});
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHR5cGUgQnV0dG9uSFRNTEF0dHJpYnV0ZXMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIFN3aXRjaFByb3BzPihmdW5jdGlvbiBTd2l0Y2goXG4gIHsgY2hlY2tlZCwgY2xhc3NOYW1lLCBkaXNhYmxlZCwgaWQsIG9uQ2hlY2tlZENoYW5nZSwgLi4ucHJvcHMgfSxcbiAgcmVmXG4pIHtcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBhcmlhLWNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAncGVlciBpbmxpbmUtZmxleCBoLTUgdy05IHNocmluay0wIGl0ZW1zLWNlbnRlciBib3JkZXIgdHJhbnNpdGlvbi1jb2xvcnMgY3Vyc29yLXBvaW50ZXInLFxuICAgICAgICAnZm9jdXMtdmlzaWJsZTpvdXRsaW5lLW5vbmUgZm9jdXMtdmlzaWJsZTpyaW5nLTEgZm9jdXMtdmlzaWJsZTpyaW5nLW1pZGdyb3VuZC8zMCcsXG4gICAgICAgICdkaXNhYmxlZDpjdXJzb3Itbm90LWFsbG93ZWQgZGlzYWJsZWQ6b3BhY2l0eS01MCcsXG4gICAgICAgIGNoZWNrZWRcbiAgICAgICAgICA/ICdiZy1taWRncm91bmQvMTUgYm9yZGVyLW1pZGdyb3VuZC8zMCdcbiAgICAgICAgICA6ICdiZy1iYWNrZ3JvdW5kIGJvcmRlci1taWRncm91bmQvMjAnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBpZD17aWR9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBvbkNoZWNrZWRDaGFuZ2UoIWNoZWNrZWQpfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICByb2xlPVwic3dpdGNoXCJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIDxzcGFuXG4gICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgJ3BvaW50ZXItZXZlbnRzLW5vbmUgYmxvY2sgaC0zLjUgdy0zLjUgdHJhbnNpdGlvbi10cmFuc2Zvcm0nLFxuICAgICAgICAgIGNoZWNrZWRcbiAgICAgICAgICAgID8gJ3RyYW5zbGF0ZS14LTQgYmctbWlkZ3JvdW5kJ1xuICAgICAgICAgICAgOiAndHJhbnNsYXRlLXgtMC41IGJnLW1pZGdyb3VuZC80MCdcbiAgICAgICAgKX1cbiAgICAgIC8+XG4gICAgPC9idXR0b24+XG4gIClcbn0pXG5cbmludGVyZmFjZSBTd2l0Y2hQcm9wc1xuICBleHRlbmRzIE9taXQ8QnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+LCAnb25DaGFuZ2UnPiB7XG4gIGNoZWNrZWQ6IGJvb2xlYW5cbiAgb25DaGVja2VkQ2hhbmdlOiAoY2hlY2tlZDogYm9vbGVhbikgPT4gdm9pZFxufVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQThCTTtBQTVCTixTQUFvQyxrQkFBa0I7QUFFdEQsU0FBUyxVQUFVO0FBRVosYUFBTSxTQUFTLFdBQTJDLFNBQVNBLFFBQ3hFLEVBQUUsU0FBUyxXQUFXLFVBQVUsSUFBSSxpQkFBaUIsR0FBRyxNQUFNLEdBQzlELEtBQ0E7QUFDQSxTQUNFO0FBQUEsSUFBQztBQUFBO0FBQUEsTUFDQyxnQkFBYztBQUFBLE1BQ2QsV0FBVztBQUFBLFFBQ1Q7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0EsVUFDSSx3Q0FDQTtBQUFBLFFBQ0o7QUFBQSxNQUNGO0FBQUEsTUFDQTtBQUFBLE1BQ0E7QUFBQSxNQUNBLFNBQVMsTUFBTSxnQkFBZ0IsQ0FBQyxPQUFPO0FBQUEsTUFDdkM7QUFBQSxNQUNBLE1BQUs7QUFBQSxNQUNMLE1BQUs7QUFBQSxNQUNKLEdBQUc7QUFBQSxNQUVKO0FBQUEsUUFBQztBQUFBO0FBQUEsVUFDQyxlQUFXO0FBQUEsVUFDWCxXQUFXO0FBQUEsWUFDVDtBQUFBLFlBQ0EsVUFDSSwrQkFDQTtBQUFBLFVBQ047QUFBQTtBQUFBLE1BQ0Y7QUFBQTtBQUFBLEVBQ0Y7QUFFSixDQUFDOyIsCiAgIm5hbWVzIjogWyJTd2l0Y2giXQp9Cg==

package/dist/ui/components/tabs.d.ts

@@ -0,0 +1,14 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+export declare function Tabs({ children, className, defaultValue }: TabsProps): import("react").JSX.Element;
+export declare function TabsList({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function TabsTrigger({ active, className, value: _value, ...props }: TabsTriggerProps): import("react").JSX.Element;
+interface TabsProps {
+    children: (active: string, setActive: (value: string) => void) => ReactNode;
+    className?: string;
+    defaultValue: string;
+}
+interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    active: boolean;
+    value: string;
+}
+export {};

package/dist/ui/components/tabs.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  useState
+} from "react";
+import { cn } from "../../utils/index.js";
+export function Tabs({ children, className, defaultValue }) {
+  const [active, setActive] = useState(defaultValue);
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4", className), children: children(active, setActive) });
+}
+export function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "inline-flex h-9 items-center justify-start border-b border-midground/15 text-text-secondary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export function TabsTrigger({
+  active,
+  className,
+  value: _value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "relative inline-flex items-center justify-center whitespace-nowrap px-3 py-1.5",
+        "font-mondwest text-display text-xs tracking-[0.1em] transition-all cursor-pointer",
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-midground/30",
+        active ? "text-midground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-midground" : "text-text-secondary hover:text-midground",
+        className
+      ),
+      type: "button",
+      ...props
+    }
+  );
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7XG4gIHR5cGUgQnV0dG9uSFRNTEF0dHJpYnV0ZXMsXG4gIHR5cGUgSFRNTEF0dHJpYnV0ZXMsXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB1c2VTdGF0ZVxufSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnMoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBkZWZhdWx0VmFsdWUgfTogVGFic1Byb3BzKSB7XG4gIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZShkZWZhdWx0VmFsdWUpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y24oJ2ZsZXggZmxleC1jb2wgZ2FwLTQnLCBjbGFzc05hbWUpfT5cbiAgICAgIHtjaGlsZHJlbihhY3RpdmUsIHNldEFjdGl2ZSl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnNMaXN0KHsgY2xhc3NOYW1lLCAuLi5wcm9wcyB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAnaW5saW5lLWZsZXggaC05IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LXN0YXJ0IGJvcmRlci1iIGJvcmRlci1taWRncm91bmQvMTUgdGV4dC10ZXh0LXNlY29uZGFyeScsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzVHJpZ2dlcih7XG4gIGFjdGl2ZSxcbiAgY2xhc3NOYW1lLFxuICB2YWx1ZTogX3ZhbHVlLFxuICAuLi5wcm9wc1xufTogVGFic1RyaWdnZXJQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdyZWxhdGl2ZSBpbmxpbmUtZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgd2hpdGVzcGFjZS1ub3dyYXAgcHgtMyBweS0xLjUnLFxuICAgICAgICAnZm9udC1tb25kd2VzdCB0ZXh0LWRpc3BsYXkgdGV4dC14cyB0cmFja2luZy1bMC4xZW1dIHRyYW5zaXRpb24tYWxsIGN1cnNvci1wb2ludGVyJyxcbiAgICAgICAgJ2ZvY3VzLXZpc2libGU6b3V0bGluZS1ub25lIGZvY3VzLXZpc2libGU6cmluZy0xIGZvY3VzLXZpc2libGU6cmluZy1taWRncm91bmQvMzAnLFxuICAgICAgICBhY3RpdmVcbiAgICAgICAgICA/ICd0ZXh0LW1pZGdyb3VuZCBhZnRlcjphYnNvbHV0ZSBhZnRlcjpib3R0b20tMCBhZnRlcjpsZWZ0LTAgYWZ0ZXI6cmlnaHQtMCBhZnRlcjpoLXB4IGFmdGVyOmJnLW1pZGdyb3VuZCdcbiAgICAgICAgICA6ICd0ZXh0LXRleHQtc2Vjb25kYXJ5IGhvdmVyOnRleHQtbWlkZ3JvdW5kJyxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5pbnRlcmZhY2UgVGFic1Byb3BzIHtcbiAgY2hpbGRyZW46IChhY3RpdmU6IHN0cmluZywgc2V0QWN0aXZlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCkgPT4gUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBkZWZhdWx0VmFsdWU6IHN0cmluZ1xufVxuXG5pbnRlcmZhY2UgVGFic1RyaWdnZXJQcm9wcyBleHRlbmRzIEJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PiB7XG4gIGFjdGl2ZTogYm9vbGVhblxuICB2YWx1ZTogc3RyaW5nXG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBZUk7QUFiSjtBQUFBLEVBSUU7QUFBQSxPQUNLO0FBRVAsU0FBUyxVQUFVO0FBRVosZ0JBQVMsS0FBSyxFQUFFLFVBQVUsV0FBVyxhQUFhLEdBQWM7QUFDckUsUUFBTSxDQUFDLFFBQVEsU0FBUyxJQUFJLFNBQVMsWUFBWTtBQUVqRCxTQUNFLG9CQUFDLFNBQUksV0FBVyxHQUFHLHVCQUF1QixTQUFTLEdBQ2hELG1CQUFTLFFBQVEsU0FBUyxHQUM3QjtBQUVKO0FBRU8sZ0JBQVMsU0FBUyxFQUFFLFdBQVcsR0FBRyxNQUFNLEdBQW1DO0FBQ2hGLFNBQ0U7QUFBQSxJQUFDO0FBQUE7QUFBQSxNQUNDLFdBQVc7QUFBQSxRQUNUO0FBQUEsUUFDQTtBQUFBLE1BQ0Y7QUFBQSxNQUNDLEdBQUc7QUFBQTtBQUFBLEVBQ047QUFFSjtBQUVPLGdCQUFTLFlBQVk7QUFBQSxFQUMxQjtBQUFBLEVBQ0E7QUFBQSxFQUNBLE9BQU87QUFBQSxFQUNQLEdBQUc7QUFDTCxHQUFxQjtBQUNuQixTQUNFO0FBQUEsSUFBQztBQUFBO0FBQUEsTUFDQyxXQUFXO0FBQUEsUUFDVDtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQSxTQUNJLDBHQUNBO0FBQUEsUUFDSjtBQUFBLE1BQ0Y7QUFBQSxNQUNBLE1BQUs7QUFBQSxNQUNKLEdBQUc7QUFBQTtBQUFBLEVBQ047QUFFSjsiLAogICJuYW1lcyI6IFtdCn0K

package/dist/ui/components/terminal-demo.d.ts

@@ -0,0 +1,32 @@
+export declare function TerminalDemo({ ariaLabel, className, height, label, loopDelayMs, outputLineDelayMs, sequence }: TerminalDemoProps): import("react").JSX.Element;
+interface ClearStep {
+    type: 'clear';
+}
+interface OutputStep {
+    lines: string[];
+    type: 'output';
+}
+interface PauseStep {
+    ms: number;
+    type: 'pause';
+}
+interface PromptStep {
+    text: string;
+    type: 'prompt';
+}
+interface TerminalDemoProps {
+    ariaLabel?: string;
+    className?: string;
+    height?: number | string;
+    label?: string;
+    loopDelayMs?: number;
+    outputLineDelayMs?: number;
+    sequence: TerminalDemoStep[];
+}
+export type TerminalDemoStep = ClearStep | OutputStep | PauseStep | PromptStep | TypeStep;
+interface TypeStep {
+    delay?: number;
+    text: string;
+    type: 'type';
+}
+export {};

package/dist/ui/components/terminal-demo.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { cn } from "../../utils/index.js";
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+export function TerminalDemo({
+  ariaLabel = "Terminal Demo",
+  className,
+  height = 320,
+  label = "Terminal",
+  loopDelayMs = 1e3,
+  outputLineDelayMs = 50,
+  sequence
+}) {
+  const bodyRef = useRef(null);
+  const startedRef = useRef(false);
+  const [html, setHtml] = useState("");
+  const runDemo = useCallback(async () => {
+    if (startedRef.current) {
+      return;
+    }
+    startedRef.current = true;
+    let content = "";
+    const render = (h) => {
+      content = h;
+      setHtml(h);
+    };
+    for (; ; ) {
+      for (const step of sequence) {
+        switch (step.type) {
+          case "clear":
+            content = "";
+            render("");
+            break;
+          case "output":
+            for (const line of step.lines) {
+              render(content + "\n" + line);
+              await sleep(outputLineDelayMs);
+            }
+            break;
+          case "pause":
+            await sleep(step.ms);
+            break;
+          case "prompt":
+            render(content + `<span class="text-midground">${step.text}</span>`);
+            break;
+          case "type":
+            for (const char of step.text) {
+              render(content + char);
+              await sleep(step.delay ?? 30);
+            }
+            break;
+        }
+      }
+      content = "";
+      render("");
+      await sleep(loopDelayMs);
+    }
+  }, [loopDelayMs, outputLineDelayMs, sequence]);
+  useEffect(() => {
+    const el = bodyRef.current?.closest("[data-demo-root]");
+    if (!el) {
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            runDemo();
+          }
+        });
+      },
+      { threshold: 0.3 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [runDemo]);
+  useEffect(() => {
+    if (bodyRef.current) {
+      bodyRef.current.scrollTop = bodyRef.current.scrollHeight;
+    }
+  }, [html]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      className: cn("border-4 border-double border-inherit", className),
+      "data-demo-root": true,
+      role: "img",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-b border-current/10 px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "bg-midground size-2 rounded-full",
+                style: { mixBlendMode: "plus-lighter" }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "bg-midground/60 size-2 rounded-full" }),
+            /* @__PURE__ */ jsx("span", { className: "bg-midground/30 size-2 rounded-full" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "font-courier text-display text-xs tracking-widest text-text-tertiary", children: label })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "overflow-x-hidden overflow-y-auto whitespace-pre-wrap",
+              "font-courier p-4 text-[0.75rem] leading-[1.7] normal-case"
+            ),
+            dangerouslySetInnerHTML: {
+              __html: html + '<span class="blink inline-block dither ml-0.5 h-[1em] w-[1ch]"></span>'
+            },
+            ref: bodyRef,
+            style: { height }
+          }
+        )
+      ]
+    }
+  );
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuZnVuY3Rpb24gc2xlZXAobXM6IG51bWJlcikge1xuICByZXR1cm4gbmV3IFByb21pc2U8dm9pZD4ocmVzb2x2ZSA9PiBzZXRUaW1lb3V0KHJlc29sdmUsIG1zKSlcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFRlcm1pbmFsRGVtbyh7XG4gIGFyaWFMYWJlbCA9ICdUZXJtaW5hbCBEZW1vJyxcbiAgY2xhc3NOYW1lLFxuICBoZWlnaHQgPSAzMjAsXG4gIGxhYmVsID0gJ1Rlcm1pbmFsJyxcbiAgbG9vcERlbGF5TXMgPSAxMDAwLFxuICBvdXRwdXRMaW5lRGVsYXlNcyA9IDUwLFxuICBzZXF1ZW5jZVxufTogVGVybWluYWxEZW1vUHJvcHMpIHtcbiAgY29uc3QgYm9keVJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3Qgc3RhcnRlZFJlZiA9IHVzZVJlZihmYWxzZSlcbiAgY29uc3QgW2h0bWwsIHNldEh0bWxdID0gdXNlU3RhdGUoJycpXG5cbiAgY29uc3QgcnVuRGVtbyA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBpZiAoc3RhcnRlZFJlZi5jdXJyZW50KSB7XG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBzdGFydGVkUmVmLmN1cnJlbnQgPSB0cnVlXG4gICAgbGV0IGNvbnRlbnQgPSAnJ1xuXG4gICAgY29uc3QgcmVuZGVyID0gKGg6IHN0cmluZykgPT4ge1xuICAgICAgY29udGVudCA9IGhcbiAgICAgIHNldEh0bWwoaClcbiAgICB9XG5cbiAgICBmb3IgKDs7KSB7XG4gICAgICBmb3IgKGNvbnN0IHN0ZXAgb2Ygc2VxdWVuY2UpIHtcbiAgICAgICAgc3dpdGNoIChzdGVwLnR5cGUpIHtcbiAgICAgICAgICBjYXNlICdjbGVhcic6XG4gICAgICAgICAgICBjb250ZW50ID0gJydcbiAgICAgICAgICAgIHJlbmRlcignJylcblxuICAgICAgICAgICAgYnJlYWtcblxuICAgICAgICAgIGNhc2UgJ291dHB1dCc6XG4gICAgICAgICAgICBmb3IgKGNvbnN0IGxpbmUgb2Ygc3RlcC5saW5lcykge1xuICAgICAgICAgICAgICByZW5kZXIoY29udGVudCArICdcXG4nICsgbGluZSlcbiAgICAgICAgICAgICAgYXdhaXQgc2xlZXAob3V0cHV0TGluZURlbGF5TXMpXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGJyZWFrXG5cbiAgICAgICAgICBjYXNlICdwYXVzZSc6XG4gICAgICAgICAgICBhd2FpdCBzbGVlcChzdGVwLm1zKVxuXG4gICAgICAgICAgICBicmVha1xuXG4gICAgICAgICAgY2FzZSAncHJvbXB0JzpcbiAgICAgICAgICAgIHJlbmRlcihjb250ZW50ICsgYDxzcGFuIGNsYXNzPVwidGV4dC1taWRncm91bmRcIj4ke3N0ZXAudGV4dH08L3NwYW4+YClcblxuICAgICAgICAgICAgYnJlYWtcblxuICAgICAgICAgIGNhc2UgJ3R5cGUnOlxuICAgICAgICAgICAgZm9yIChjb25zdCBjaGFyIG9mIHN0ZXAudGV4dCkge1xuICAgICAgICAgICAgICByZW5kZXIoY29udGVudCArIGNoYXIpXG4gICAgICAgICAgICAgIGF3YWl0IHNsZWVwKHN0ZXAuZGVsYXkgPz8gMzApXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGJyZWFrXG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgY29udGVudCA9ICcnXG4gICAgICByZW5kZXIoJycpXG4gICAgICBhd2FpdCBzbGVlcChsb29wRGVsYXlNcylcbiAgICB9XG4gIH0sIFtsb29wRGVsYXlNcywgb3V0cHV0TGluZURlbGF5TXMsIHNlcXVlbmNlXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gYm9keVJlZi5jdXJyZW50Py5jbG9zZXN0KCdbZGF0YS1kZW1vLXJvb3RdJylcblxuICAgIGlmICghZWwpIHtcbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIGNvbnN0IG9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgZW50cmllcyA9PiB7XG4gICAgICAgIGVudHJpZXMuZm9yRWFjaChlbnRyeSA9PiB7XG4gICAgICAgICAgaWYgKGVudHJ5LmlzSW50ZXJzZWN0aW5nKSB7XG4gICAgICAgICAgICBydW5EZW1vKClcbiAgICAgICAgICB9XG4gICAgICAgIH0pXG4gICAgICB9LFxuICAgICAgeyB0aHJlc2hvbGQ6IDAuMyB9XG4gICAgKVxuXG4gICAgb2JzZXJ2ZXIub2JzZXJ2ZShlbClcblxuICAgIHJldHVybiAoKSA9PiBvYnNlcnZlci5kaXNjb25uZWN0KClcbiAgfSwgW3J1bkRlbW9dKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGJvZHlSZWYuY3VycmVudCkge1xuICAgICAgYm9keVJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IGJvZHlSZWYuY3VycmVudC5zY3JvbGxIZWlnaHRcbiAgICB9XG4gIH0sIFtodG1sXSlcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y24oJ2JvcmRlci00IGJvcmRlci1kb3VibGUgYm9yZGVyLWluaGVyaXQnLCBjbGFzc05hbWUpfVxuICAgICAgZGF0YS1kZW1vLXJvb3RcbiAgICAgIHJvbGU9XCJpbWdcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTMgYm9yZGVyLWIgYm9yZGVyLWN1cnJlbnQvMTAgcHgtMyBweS0yXCI+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBnYXAtMS41XCI+XG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzTmFtZT1cImJnLW1pZGdyb3VuZCBzaXplLTIgcm91bmRlZC1mdWxsXCJcbiAgICAgICAgICAgIHN0eWxlPXt7IG1peEJsZW5kTW9kZTogJ3BsdXMtbGlnaHRlcicgfX1cbiAgICAgICAgICAvPlxuXG4gICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiYmctbWlkZ3JvdW5kLzYwIHNpemUtMiByb3VuZGVkLWZ1bGxcIiAvPlxuICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cImJnLW1pZGdyb3VuZC8zMCBzaXplLTIgcm91bmRlZC1mdWxsXCIgLz5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiZm9udC1jb3VyaWVyIHRleHQtZGlzcGxheSB0ZXh0LXhzIHRyYWNraW5nLXdpZGVzdCB0ZXh0LXRleHQtdGVydGlhcnlcIj5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgJ292ZXJmbG93LXgtaGlkZGVuIG92ZXJmbG93LXktYXV0byB3aGl0ZXNwYWNlLXByZS13cmFwJyxcbiAgICAgICAgICAnZm9udC1jb3VyaWVyIHAtNCB0ZXh0LVswLjc1cmVtXSBsZWFkaW5nLVsxLjddIG5vcm1hbC1jYXNlJ1xuICAgICAgICApfVxuICAgICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17e1xuICAgICAgICAgIF9faHRtbDpcbiAgICAgICAgICAgIGh0bWwgK1xuICAgICAgICAgICAgJzxzcGFuIGNsYXNzPVwiYmxpbmsgaW5saW5lLWJsb2NrIGRpdGhlciBtbC0wLjUgaC1bMWVtXSB3LVsxY2hdXCI+PC9zcGFuPidcbiAgICAgICAgfX1cbiAgICAgICAgcmVmPXtib2R5UmVmfVxuICAgICAgICBzdHlsZT17eyBoZWlnaHQgfX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuaW50ZXJmYWNlIENsZWFyU3RlcCB7XG4gIHR5cGU6ICdjbGVhcidcbn1cblxuaW50ZXJmYWNlIE91dHB1dFN0ZXAge1xuICBsaW5lczogc3RyaW5nW11cbiAgdHlwZTogJ291dHB1dCdcbn1cblxuaW50ZXJmYWNlIFBhdXNlU3RlcCB7XG4gIG1zOiBudW1iZXJcbiAgdHlwZTogJ3BhdXNlJ1xufVxuXG5pbnRlcmZhY2UgUHJvbXB0U3RlcCB7XG4gIHRleHQ6IHN0cmluZ1xuICB0eXBlOiAncHJvbXB0J1xufVxuXG5pbnRlcmZhY2UgVGVybWluYWxEZW1vUHJvcHMge1xuICBhcmlhTGFiZWw/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhlaWdodD86IG51bWJlciB8IHN0cmluZ1xuICBsYWJlbD86IHN0cmluZ1xuICBsb29wRGVsYXlNcz86IG51bWJlclxuICBvdXRwdXRMaW5lRGVsYXlNcz86IG51bWJlclxuICBzZXF1ZW5jZTogVGVybWluYWxEZW1vU3RlcFtdXG59XG5cbmV4cG9ydCB0eXBlIFRlcm1pbmFsRGVtb1N0ZXAgPVxuICB8IENsZWFyU3RlcFxuICB8IE91dHB1dFN0ZXBcbiAgfCBQYXVzZVN0ZXBcbiAgfCBQcm9tcHRTdGVwXG4gIHwgVHlwZVN0ZXBcblxuaW50ZXJmYWNlIFR5cGVTdGVwIHtcbiAgZGVsYXk/OiBudW1iZXJcbiAgdGV4dDogc3RyaW5nXG4gIHR5cGU6ICd0eXBlJ1xufVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQW9IUSxTQUNFLEtBREY7QUFsSFIsU0FBUyxhQUFhLFdBQVcsUUFBUSxnQkFBZ0I7QUFFekQsU0FBUyxVQUFVO0FBRW5CLFNBQVMsTUFBTSxJQUFZO0FBQ3pCLFNBQU8sSUFBSSxRQUFjLGFBQVcsV0FBVyxTQUFTLEVBQUUsQ0FBQztBQUM3RDtBQUVPLGdCQUFTLGFBQWE7QUFBQSxFQUMzQixZQUFZO0FBQUEsRUFDWjtBQUFBLEVBQ0EsU0FBUztBQUFBLEVBQ1QsUUFBUTtBQUFBLEVBQ1IsY0FBYztBQUFBLEVBQ2Qsb0JBQW9CO0FBQUEsRUFDcEI7QUFDRixHQUFzQjtBQUNwQixR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

package/dist/ui/components/theme-toggle.d.ts

@@ -0,0 +1,6 @@
+export declare function ThemeToggle({ className, style }: ThemeToggleProps): import("react").JSX.Element;
+interface ThemeToggleProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export {};

package/dist/ui/components/theme-toggle.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useStore } from "@nanostores/react";
+import { cn } from "../../utils/index.js";
+import { $lightMode, toggleLens } from "./overlays/index.js";
+export function ThemeToggle({ className, style }) {
+  const light = useStore($lightMode);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "aria-label": light ? "Switch to dark mode" : "Switch to light mode",
+      className: cn(
+        "relative flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full",
+        "border border-current/25 bg-current/8 transition-colors",
+        "hover:bg-current/15",
+        className
+      ),
+      onClick: toggleLens,
+      style,
+      type: "button",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "absolute left-1 size-3.5 opacity-40",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: 12, cy: 12, r: 5 }),
+              /* @__PURE__ */ jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "absolute right-1 size-3.5 opacity-40",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "bg-midground absolute size-4 rounded-full",
+              "transition-transform duration-200 ease-out"
+            ),
+            style: { transform: `translateX(${light ? 2 : 22}px)` }
+          }
+        )
+      ]
+    }
+  );
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZVN0b3JlIH0gZnJvbSAnQG5hbm9zdG9yZXMvcmVhY3QnXG5cbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vdXRpbHMnXG5cbmltcG9ydCB7ICRsaWdodE1vZGUsIHRvZ2dsZUxlbnMgfSBmcm9tICcuL292ZXJsYXlzJ1xuXG5leHBvcnQgZnVuY3Rpb24gVGhlbWVUb2dnbGUoeyBjbGFzc05hbWUsIHN0eWxlIH06IFRoZW1lVG9nZ2xlUHJvcHMpIHtcbiAgY29uc3QgbGlnaHQgPSB1c2VTdG9yZSgkbGlnaHRNb2RlKVxuXG4gIHJldHVybiAoXG4gICAgPGJ1dHRvblxuICAgICAgYXJpYS1sYWJlbD17bGlnaHQgPyAnU3dpdGNoIHRvIGRhcmsgbW9kZScgOiAnU3dpdGNoIHRvIGxpZ2h0IG1vZGUnfVxuICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgJ3JlbGF0aXZlIGZsZXggaC02IHctMTEgc2hyaW5rLTAgY3Vyc29yLXBvaW50ZXIgaXRlbXMtY2VudGVyIHJvdW5kZWQtZnVsbCcsXG4gICAgICAgICdib3JkZXIgYm9yZGVyLWN1cnJlbnQvMjUgYmctY3VycmVudC84IHRyYW5zaXRpb24tY29sb3JzJyxcbiAgICAgICAgJ2hvdmVyOmJnLWN1cnJlbnQvMTUnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICBvbkNsaWNrPXt0b2dnbGVMZW5zfVxuICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgPlxuICAgICAgPHN2Z1xuICAgICAgICBjbGFzc05hbWU9XCJhYnNvbHV0ZSBsZWZ0LTEgc2l6ZS0zLjUgb3BhY2l0eS00MFwiXG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgc3Ryb2tlPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlTGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXsyfVxuICAgICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICAgID5cbiAgICAgICAgPGNpcmNsZSBjeD17MTJ9IGN5PXsxMn0gcj17NX0gLz5cblxuICAgICAgICA8cGF0aCBkPVwiTTEyIDF2Mk0xMiAyMXYyTTQuMjIgNC4yMmwxLjQyIDEuNDJNMTguMzYgMTguMzZsMS40MiAxLjQyTTEgMTJoMk0yMSAxMmgyTTQuMjIgMTkuNzhsMS40Mi0xLjQyTTE4LjM2IDUuNjRsMS40Mi0xLjQyXCIgLz5cbiAgICAgIDwvc3ZnPlxuXG4gICAgICA8c3ZnXG4gICAgICAgIGNsYXNzTmFtZT1cImFic29sdXRlIHJpZ2h0LTEgc2l6ZS0zLjUgb3BhY2l0eS00MFwiXG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgc3Ryb2tlPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlTGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXsyfVxuICAgICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICAgID5cbiAgICAgICAgPHBhdGggZD1cIk0yMSAxMi43OUE5IDkgMCAxIDEgMTEuMjEgMyA3IDcgMCAwIDAgMjEgMTIuNzl6XCIgLz5cbiAgICAgIDwvc3ZnPlxuXG4gICAgICA8c3BhblxuICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICdiZy1taWRncm91bmQgYWJzb2x1dGUgc2l6ZS00IHJvdW5kZWQtZnVsbCcsXG4gICAgICAgICAgJ3RyYW5zaXRpb24tdHJhbnNmb3JtIGR1cmF0aW9uLTIwMCBlYXNlLW91dCdcbiAgICAgICAgKX1cbiAgICAgICAgc3R5bGU9e3sgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke2xpZ2h0ID8gMiA6IDIyfXB4KWAgfX1cbiAgICAgIC8+XG4gICAgPC9idXR0b24+XG4gIClcbn1cblxuaW50ZXJmYWNlIFRoZW1lVG9nZ2xlUHJvcHMge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzXG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBd0JNLFNBU0UsS0FURjtBQXRCTixTQUFTLGdCQUFnQjtBQUV6QixTQUFTLFVBQVU7QUFFbkIsU0FBUyxZQUFZLGtCQUFrQjtBQUVoQyxnQkFBUyxZQUFZLEVBQUUsV0FBVyxNQUFNLEdBQXFCO0FBQ2xFLFFBQU0sUUFBUSxTQUFTLFVBQVU7QUFFakMsU0FDRTtBQUFBLElBQUM7QUFBQTtBQUFBLE1BQ0MsY0FBWSxRQUFRLHdCQUF3QjtBQUFBLE1BQzVDLFdBQVc7QUFBQSxRQUNUO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsTUFDRjtBQUFBLE1BQ0EsU0FBUztBQUFBLE1BQ1Q7QUFBQSxNQUNBLE1BQUs7QUFBQSxNQUVMO0FBQUE7QUFBQSxVQUFDO0FBQUE7QUFBQSxZQUNDLFdBQVU7QUFBQSxZQUNWLE1BQUs7QUFBQSxZQUNMLFFBQU87QUFBQSxZQUNQLGVBQWM7QUFBQSxZQUNkLGdCQUFlO0FBQUEsWUFDZixhQUFhO0FBQUEsWUFDYixTQUFRO0FBQUEsWUFFUjtBQUFBLGtDQUFDLFlBQU8sSUFBSSxJQUFJLElBQUksSUFBSSxHQUFHLEdBQUc7QUFBQSxjQUU5QixvQkFBQyxVQUFLLEdBQUUsc0hBQXFIO0FBQUE7QUFBQTtBQUFBLFFBQy9IO0FBQUEsUUFFQTtBQUFBLFVBQUM7QUFBQTtBQUFBLFlBQ0MsV0FBVTtBQUFBLFlBQ1YsTUFBSztBQUFBLFlBQ0wsUUFBTztBQUFBLFlBQ1AsZUFBYztBQUFBLFlBQ2QsZ0JBQWU7QUFBQSxZQUNmLGFBQWE7QUFBQSxZQUNiLFNBQVE7QUFBQSxZQUVSLDhCQUFDLFVBQUssR0FBRSxtREFBa0Q7QUFBQTtBQUFBLFFBQzVEO0FBQUEsUUFFQTtBQUFBLFVBQUM7QUFBQTtBQUFBLFlBQ0MsZUFBVztBQUFBLFlBQ1gsV0FBVztBQUFBLGNBQ1Q7QUFBQSxjQUNBO0FBQUEsWUFDRjtBQUFBLFlBQ0EsT0FBTyxFQUFFLFdBQVcsY0FBYyxRQUFRLElBQUksRUFBRSxNQUFNO0FBQUE7QUFBQSxRQUN4RDtBQUFBO0FBQUE7QUFBQSxFQUNGO0FBRUo7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/ui/components/tier-card.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Selectable tier / pricing card. Full-bleed distorted image background,
+ * readable overlay text, and an animated `.arc-border` shimmer on the
+ * selected state. Fully presentational — the consumer owns the data
+ * (tier schema, price formatting, tier imagery / tints).
+ *
+ * Visual states:
+ * - `selected`: brightens the distortion, activates `.arc-border`, and
+ *   composites the headline / price with `mix-blend-mode: plus-lighter`
+ *   so the text lifts off the image regardless of tint.
+ * - `isCurrent`: subtle midground-tinted border hint (suppressed when
+ *   `selected` wins).
+ * - `overlay`: optional top-layer color blended with `mix-blend-mode:
+ *   color` — used for the "highest tier" red treatment on top of any
+ *   base tint.
+ */
+export declare function TierCard({ badge, bullets, className, image, isCurrent, onSelect, overlay, price, selected, tint, tintStrength, title }: TierCardProps): import("react").JSX.Element;
+export interface TierCardPrice {
+    /** Headline price, e.g. `"$20"` or `"Free"`. */
+    primary: string;
+    /** Small suffix rendered after `primary`, e.g. `"/mo"` or `"first payment"`. */
+    primarySuffix?: string;
+    /** Optional struck-through comparison price rendered above `primary`, e.g. `"$30"`. */
+    secondary?: string;
+    /** Small suffix rendered after `secondary`. */
+    secondarySuffix?: string;
+}
+export interface TierCardProps {
+    /** Small annotation after the title, e.g. `"(current)"`. */
+    badge?: React.ReactNode;
+    /** Feature list rendered under the price. */
+    bullets: React.ReactNode[];
+    className?: string;
+    /** Background image URL. */
+    image: string;
+    /** Applies the "current plan" border hint when not `selected`. */
+    isCurrent?: boolean;
+    onSelect?: () => void;
+    /** Color blended with `mix-blend-mode: color` over the image (used for the highest-tier red treatment). */
+    overlay?: string;
+    price: TierCardPrice;
+    /** Applies selected chrome (arc-border shimmer, active distortion, plus-lighter text blend). */
+    selected?: boolean;
+    /** Shader tint passed through to `ImageDistortion`. */
+    tint?: string;
+    /** Active / inactive tint strength passed through to `ImageDistortion`. */
+    tintStrength?: {
+        active: number;
+        inactive: number;
+    };
+    /** Tier name / headline. */
+    title: React.ReactNode;
+}