@synnaxlabs/pluto 0.12.0

package/dist/useDrag-KRQ7DTg1.cjs

@@ -0,0 +1,48 @@
+"use strict";
+const React = require("react");
+const css = require("./css-V3VUT_Js.cjs");
+const Toggle = require("./Toggle-eOKYw1OT.cjs");
+const useDrag = ({
+  onDrag,
+  triggers = [["MouseLeft"], ["MouseRight"]],
+  bound,
+  loose = false
+}) => {
+  const triggerRef = React.useRef(null);
+  const startLoc = React.useRef(css.xy.ZERO);
+  const onMove = React.useCallback(
+    (e) => {
+      const cursor = css.xy.construct(e);
+      if (triggerRef.current === null)
+        return;
+      const { triggers: triggers2 } = triggerRef.current;
+      onDrag({
+        box: css.box$1.construct(startLoc.current, cursor),
+        cursor,
+        triggers: triggers2,
+        stage: "during"
+      });
+    },
+    [onDrag]
+  );
+  const handleTrigger = React.useCallback(
+    (event) => {
+      const { stage, cursor } = event;
+      if (stage === "start") {
+        onDrag({ box: css.box$1.construct(cursor), ...event });
+        window.addEventListener("mousemove", onMove);
+        triggerRef.current = event;
+        startLoc.current = cursor;
+      } else if (stage === "end" && triggerRef.current != null) {
+        onDrag({ box: css.box$1.construct(startLoc.current, cursor), ...event });
+        window.removeEventListener("mousemove", onMove);
+        triggerRef.current = null;
+        startLoc.current = css.xy.ZERO;
+      }
+    },
+    [onDrag]
+  );
+  Toggle.use$1({ triggers, callback: handleTrigger, region: bound, loose });
+};
+exports.useDrag = useDrag;
+//# sourceMappingURL=useDrag-KRQ7DTg1.cjs.map

package/dist/useDrag-KRQ7DTg1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrag-KRQ7DTg1.cjs","sources":["../src/triggers/useDrag.ts"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type RefObject, useCallback, useRef } from \"react\";\n\nimport { box, xy } from \"@synnaxlabs/x\";\n\nimport { use, type UseEvent } from \"@/triggers/hooks\";\nimport { type Stage, type Trigger } from \"@/triggers/triggers\";\n\nexport interface DragEvent {\n  stage: Stage;\n  box: box.Box;\n  cursor: xy.XY;\n  triggers: Trigger[];\n}\n\nexport type DragCallback = (props: DragEvent) => void;\n\nexport interface UseDragProps {\n  bound: RefObject<HTMLElement>;\n  triggers?: Trigger[];\n  onDrag: DragCallback;\n  loose?: boolean;\n}\n\nexport const useDrag = ({\n  onDrag,\n  triggers = [[\"MouseLeft\"], [\"MouseRight\"]],\n  bound,\n  loose = false,\n}: UseDragProps): void => {\n  const triggerRef = useRef<UseEvent | null>(null);\n  const startLoc = useRef<xy.XY>(xy.ZERO);\n  const onMove = useCallback(\n    (e: xy.Client & { buttons: number }) => {\n      const cursor = xy.construct(e);\n      if (triggerRef.current === null) return;\n      const { triggers } = triggerRef.current;\n      onDrag({\n        box: box.construct(startLoc.current, cursor),\n        cursor,\n        triggers,\n        stage: \"during\",\n      });\n    },\n    [onDrag],\n  );\n  const handleTrigger = useCallback(\n    (event: UseEvent): void => {\n      const { stage, cursor } = event;\n      if (stage === \"start\") {\n        onDrag({ box: box.construct(cursor), ...event });\n        window.addEventListener(\"mousemove\", onMove);\n        triggerRef.current = event;\n        startLoc.current = cursor;\n      } else if (stage === \"end\" && triggerRef.current != null) {\n        onDrag({ box: box.construct(startLoc.current, cursor), ...event });\n        window.removeEventListener(\"mousemove\", onMove);\n        triggerRef.current = null;\n        startLoc.current = xy.ZERO;\n      }\n    },\n    [onDrag],\n  );\n  use({ triggers, callback: handleTrigger, region: bound, loose });\n};\n"],"names":["useRef","xy","useCallback","triggers","box","use"],"mappings":";;;;AAgCO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA,WAAW,CAAC,CAAC,WAAW,GAAG,CAAC,YAAY,CAAC;AAAA,EACzC;AAAA,EACA,QAAQ;AACV,MAA0B;AAClB,QAAA,aAAaA,aAAwB,IAAI;AACzC,QAAA,WAAWA,MAAAA,OAAcC,IAAA,GAAG,IAAI;AACtC,QAAM,SAASC,MAAA;AAAA,IACb,CAAC,MAAuC;AAChC,YAAA,SAASD,IAAAA,GAAG,UAAU,CAAC;AAC7B,UAAI,WAAW,YAAY;AAAM;AACjC,YAAM,EAAE,UAAAE,cAAa,WAAW;AACzB,aAAA;AAAA,QACL,KAAKC,IAAAA,MAAI,UAAU,SAAS,SAAS,MAAM;AAAA,QAC3C;AAAA,QACA,UAAAD;AAAAA,QACA,OAAO;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAET,QAAM,gBAAgBD,MAAA;AAAA,IACpB,CAAC,UAA0B;AACnB,YAAA,EAAE,OAAO,OAAW,IAAA;AAC1B,UAAI,UAAU,SAAS;AACd,eAAA,EAAE,KAAKE,UAAI,UAAU,MAAM,GAAG,GAAG,OAAO;AACxC,eAAA,iBAAiB,aAAa,MAAM;AAC3C,mBAAW,UAAU;AACrB,iBAAS,UAAU;AAAA,MACV,WAAA,UAAU,SAAS,WAAW,WAAW,MAAM;AACjD,eAAA,EAAE,KAAKA,IAAA,MAAI,UAAU,SAAS,SAAS,MAAM,GAAG,GAAG,MAAA,CAAO;AAC1D,eAAA,oBAAoB,aAAa,MAAM;AAC9C,mBAAW,UAAU;AACrB,iBAAS,UAAUH,IAAG,GAAA;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAETI,eAAI,EAAE,UAAU,UAAU,eAAe,QAAQ,OAAO,OAAO;AACjE;;"}

package/dist/useDrag-rQt5hv4R.js

@@ -0,0 +1,49 @@
+import { useRef, useCallback } from "react";
+import { x as xy, b as box$1 } from "./css-NTD4Xm8x.js";
+import { p as use } from "./Toggle-kLunfJtR.js";
+const useDrag = ({
+  onDrag,
+  triggers = [["MouseLeft"], ["MouseRight"]],
+  bound,
+  loose = false
+}) => {
+  const triggerRef = useRef(null);
+  const startLoc = useRef(xy.ZERO);
+  const onMove = useCallback(
+    (e) => {
+      const cursor = xy.construct(e);
+      if (triggerRef.current === null)
+        return;
+      const { triggers: triggers2 } = triggerRef.current;
+      onDrag({
+        box: box$1.construct(startLoc.current, cursor),
+        cursor,
+        triggers: triggers2,
+        stage: "during"
+      });
+    },
+    [onDrag]
+  );
+  const handleTrigger = useCallback(
+    (event) => {
+      const { stage, cursor } = event;
+      if (stage === "start") {
+        onDrag({ box: box$1.construct(cursor), ...event });
+        window.addEventListener("mousemove", onMove);
+        triggerRef.current = event;
+        startLoc.current = cursor;
+      } else if (stage === "end" && triggerRef.current != null) {
+        onDrag({ box: box$1.construct(startLoc.current, cursor), ...event });
+        window.removeEventListener("mousemove", onMove);
+        triggerRef.current = null;
+        startLoc.current = xy.ZERO;
+      }
+    },
+    [onDrag]
+  );
+  use({ triggers, callback: handleTrigger, region: bound, loose });
+};
+export {
+  useDrag as u
+};
+//# sourceMappingURL=useDrag-rQt5hv4R.js.map

package/dist/useDrag-rQt5hv4R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrag-rQt5hv4R.js","sources":["../src/triggers/useDrag.ts"],"sourcesContent":["// Copyright 2023 Synnax Labs, Inc.\n//\n// Use of this software is governed by the Business Source License included in the file\n// licenses/BSL.txt.\n//\n// As of the Change Date specified in that file, in accordance with the Business Source\n// License, use of this software will be governed by the Apache License, Version 2.0,\n// included in the file licenses/APL.txt.\n\nimport { type RefObject, useCallback, useRef } from \"react\";\n\nimport { box, xy } from \"@synnaxlabs/x\";\n\nimport { use, type UseEvent } from \"@/triggers/hooks\";\nimport { type Stage, type Trigger } from \"@/triggers/triggers\";\n\nexport interface DragEvent {\n  stage: Stage;\n  box: box.Box;\n  cursor: xy.XY;\n  triggers: Trigger[];\n}\n\nexport type DragCallback = (props: DragEvent) => void;\n\nexport interface UseDragProps {\n  bound: RefObject<HTMLElement>;\n  triggers?: Trigger[];\n  onDrag: DragCallback;\n  loose?: boolean;\n}\n\nexport const useDrag = ({\n  onDrag,\n  triggers = [[\"MouseLeft\"], [\"MouseRight\"]],\n  bound,\n  loose = false,\n}: UseDragProps): void => {\n  const triggerRef = useRef<UseEvent | null>(null);\n  const startLoc = useRef<xy.XY>(xy.ZERO);\n  const onMove = useCallback(\n    (e: xy.Client & { buttons: number }) => {\n      const cursor = xy.construct(e);\n      if (triggerRef.current === null) return;\n      const { triggers } = triggerRef.current;\n      onDrag({\n        box: box.construct(startLoc.current, cursor),\n        cursor,\n        triggers,\n        stage: \"during\",\n      });\n    },\n    [onDrag],\n  );\n  const handleTrigger = useCallback(\n    (event: UseEvent): void => {\n      const { stage, cursor } = event;\n      if (stage === \"start\") {\n        onDrag({ box: box.construct(cursor), ...event });\n        window.addEventListener(\"mousemove\", onMove);\n        triggerRef.current = event;\n        startLoc.current = cursor;\n      } else if (stage === \"end\" && triggerRef.current != null) {\n        onDrag({ box: box.construct(startLoc.current, cursor), ...event });\n        window.removeEventListener(\"mousemove\", onMove);\n        triggerRef.current = null;\n        startLoc.current = xy.ZERO;\n      }\n    },\n    [onDrag],\n  );\n  use({ triggers, callback: handleTrigger, region: bound, loose });\n};\n"],"names":["triggers","box"],"mappings":";;;AAgCO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA,WAAW,CAAC,CAAC,WAAW,GAAG,CAAC,YAAY,CAAC;AAAA,EACzC;AAAA,EACA,QAAQ;AACV,MAA0B;AAClB,QAAA,aAAa,OAAwB,IAAI;AACzC,QAAA,WAAW,OAAc,GAAG,IAAI;AACtC,QAAM,SAAS;AAAA,IACb,CAAC,MAAuC;AAChC,YAAA,SAAS,GAAG,UAAU,CAAC;AAC7B,UAAI,WAAW,YAAY;AAAM;AACjC,YAAM,EAAE,UAAAA,cAAa,WAAW;AACzB,aAAA;AAAA,QACL,KAAKC,MAAI,UAAU,SAAS,SAAS,MAAM;AAAA,QAC3C;AAAA,QACA,UAAAD;AAAAA,QACA,OAAO;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAET,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAA0B;AACnB,YAAA,EAAE,OAAO,OAAW,IAAA;AAC1B,UAAI,UAAU,SAAS;AACd,eAAA,EAAE,KAAKC,MAAI,UAAU,MAAM,GAAG,GAAG,OAAO;AACxC,eAAA,iBAAiB,aAAa,MAAM;AAC3C,mBAAW,UAAU;AACrB,iBAAS,UAAU;AAAA,MACV,WAAA,UAAU,SAAS,WAAW,WAAW,MAAM;AACjD,eAAA,EAAE,KAAKA,MAAI,UAAU,SAAS,SAAS,MAAM,GAAG,GAAG,MAAA,CAAO;AAC1D,eAAA,oBAAoB,aAAa,MAAM;AAC9C,mBAAW,UAAU;AACrB,iBAAS,UAAU,GAAG;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EAAA;AAET,MAAI,EAAE,UAAU,UAAU,eAAe,QAAQ,OAAO,OAAO;AACjE;"}

package/dist/util/case.d.ts

@@ -0,0 +1 @@
+export declare const camelToTitle: (str: string) => string;

package/dist/util/children.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement } from "react";
+export declare const reactElementToArray: <P = any, T extends string | import("react").JSXElementConstructor<any> = string | import("react").JSXElementConstructor<any>>(children: ReactElement<P, T> | ReactElement<P, T>[]) => ReactElement<P, T>[];
+export declare const isValidElement: <P = any, T extends string | import("react").JSXElementConstructor<any> = string | import("react").JSXElementConstructor<any>>(child: unknown) => child is ReactElement<P, T>;

package/dist/util/component.d.ts

@@ -0,0 +1,5 @@
+import { z } from "zod";
+export declare const ComponentSizes: readonly ["small", "medium", "large"];
+export declare const componentSize: z.ZodEnum<["small", "medium", "large"]>;
+export type ComponentSize = z.infer<typeof componentSize>;
+export declare const isComponentSize: (value: unknown) => value is "small" | "medium" | "large";

package/dist/util/event.d.ts

@@ -0,0 +1,6 @@
+export declare const preventDefault: (e: {
+    preventDefault: () => void;
+}) => void;
+export declare const stopPropagation: (e: {
+    stopPropagation: () => void;
+}) => void;

package/dist/util/renderProp.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from "react";
+export type RenderProp<P extends Record<string, any>> = (props: P) => ReactElement | null;
+/**
+ * Component prop takes in a component and turns it into a render prop.
+ */
+export declare const componentRenderProp: <P extends Record<string, any>>(Component: import("react").ComponentType<P>) => RenderProp<P>;
+export declare const isRenderProp: <P extends Record<string, any>>(children: import("react").ReactNode | RenderProp<P>) => children is RenderProp<P>;

package/dist/util/zod.d.ts

@@ -0,0 +1,2 @@
+import { z } from "zod";
+export declare const prettyParse: <Z extends z.ZodTypeAny>(schema: Z, value: unknown, prefix?: string) => z.TypeOf<Z>;

package/dist/video/Video.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef, type ReactElement } from "react";
+export interface VideoProps extends ComponentPropsWithoutRef<"video"> {
+    href: string;
+}
+export declare const Video: ({ href, className, ...props }: VideoProps) => ReactElement;

package/dist/video/Video.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryFn } from "@storybook/react";
+import { Video } from '../video';
+declare const story: Meta<typeof Video.Video>;
+export declare const Default: StoryFn<typeof Video>;
+export default story;

package/dist/video/index.d.ts

@@ -0,0 +1 @@
+export * as Video from '../video/Video';

package/dist/video.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Video = require("./Video-a7BUKvzF.cjs");
+require("./jsx-runtime-N1ikfypN.cjs");
+require("react");
+require("./css-V3VUT_Js.cjs");
+require("zod");
+require("./Video-k52RqIHf.cjs");
+exports.Video = Video.Video;
+//# sourceMappingURL=video.cjs.map

package/dist/video.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/video.js

@@ -0,0 +1,10 @@
+import { V } from "./Video-Vpwp5ao1.js";
+import "./jsx-runtime-rX5tAIG2.js";
+import "react";
+import "./css-NTD4Xm8x.js";
+import "zod";
+import "./Video-w40geAFS.js";
+export {
+  V as Video
+};
+//# sourceMappingURL=video.js.map

package/dist/video.js.map

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

package/dist/viewport/Mask.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type UseReturn } from '../viewport/use';
+type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export interface MaskProps extends Omit<UseReturn, "ref">, Omit<DivProps, "onDragStart" | "onDragEnd" | "onDrag" | "ref" | "onDoubleClick"> {
+}
+export declare const Mask: import("react").ForwardRefExoticComponent<MaskProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/viewport/SelectMode.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from "react";
+import { Select } from '../select';
+import { type Mode, type UseTriggers } from '../viewport/use';
+export interface SelectModeProps extends Omit<Select.ButtonProps<Mode>, "data"> {
+    triggers: UseTriggers;
+    disable?: Mode[];
+}
+export declare const SelectMode: ({ triggers, disable, ...props }: SelectModeProps) => ReactElement;

package/dist/viewport/Viewport.stories.d.ts

@@ -0,0 +1,6 @@
+import { type ReactElement } from "react";
+import { type Meta } from "@storybook/react";
+import { Viewport } from '../viewport';
+declare const story: Meta<typeof Viewport.Mask>;
+export declare const Basic: () => ReactElement;
+export default story;

package/dist/viewport/external.d.ts

@@ -0,0 +1,3 @@
+export * from '../viewport/Mask';
+export * from '../viewport/use';
+export * from '../viewport/SelectMode';

package/dist/viewport/index.d.ts

@@ -0,0 +1 @@
+export * as Viewport from '../viewport/external';

package/dist/viewport/use.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { box, xy, dimensions } from "@synnaxlabs/x";
+import { Triggers } from '../triggers';
+export interface UseEvent {
+    box: box.Box;
+    cursor: xy.XY;
+    mode: Mode;
+    stage: Triggers.Stage;
+}
+export type UseHandler = (e: UseEvent) => void;
+export type UseTriggers = Triggers.ModeConfig<TriggerMode>;
+export interface UseProps {
+    triggers?: UseTriggers;
+    onChange?: UseHandler;
+    resetOnDoubleClick?: boolean;
+    threshold?: dimensions.Dimensions;
+    initial?: box.Box;
+}
+export interface UseReturn {
+    mode: Mode;
+    maskBox: box.Box;
+    ref: React.MutableRefObject<HTMLDivElement | null>;
+}
+type StringLiteral<T> = T extends string ? (string extends T ? never : T) : never;
+declare const TRIGGER_MODES: readonly ["zoom", "pan", "select", "zoomReset"];
+export declare const MODES: readonly ["zoom", "pan", "select", "zoomReset", "click"];
+export type Mode = StringLiteral<(typeof MODES)[number]>;
+type TriggerMode = StringLiteral<(typeof TRIGGER_MODES)[number]>;
+export declare const MASK_MODES: Mode[];
+export declare const ZOOM_DEFAULT_TRIGGERS: UseTriggers;
+export declare const PAN_DEFAULT_TRIGGERS: UseTriggers;
+export declare const SELECT_DEFAULT_TRIGGERS: UseTriggers;
+export declare const DEFAULT_TRIGGERS: Record<Mode, UseTriggers>;
+export declare const use: ({ onChange, triggers: initialTriggers, initial, threshold: threshold_, }: UseProps) => UseReturn;
+export {};

package/dist/vis/axis/axis.d.ts

@@ -0,0 +1,97 @@
+import { type box, type xy } from "@synnaxlabs/x";
+import { z } from "zod";
+import { color } from '../../color/core';
+import { type TickFactoryContext } from '../../vis/axis/ticks';
+export interface RenderResult {
+    size: number;
+}
+export declare const axisStateZ: z.ZodObject<{
+    tickSpacing: z.ZodDefault<z.ZodNumber>;
+    color: z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>, z.ZodType<color.Color, z.ZodTypeDef, color.Color>, z.ZodObject<{
+        rgba255: z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>;
+    }, "strip", z.ZodTypeAny, {
+        rgba255: [number, number, number, number];
+    }, {
+        rgba255: [number, number, number, number];
+    }>]>, color.Color, string | [number, number, number, number] | {
+        rgba255: [number, number, number, number];
+    } | color.Color | [number, number, number]>;
+    type: z.ZodDefault<z.ZodOptional<z.ZodEnum<["linear", "time"]>>>;
+    font: z.ZodString;
+    showGrid: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    location: z.ZodEnum<["top", "right", "bottom", "left"]>;
+    gridColor: z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>, z.ZodType<color.Color, z.ZodTypeDef, color.Color>, z.ZodObject<{
+        rgba255: z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>;
+    }, "strip", z.ZodTypeAny, {
+        rgba255: [number, number, number, number];
+    }, {
+        rgba255: [number, number, number, number];
+    }>]>, color.Color, string | [number, number, number, number] | {
+        rgba255: [number, number, number, number];
+    } | color.Color | [number, number, number]>;
+    size: z.ZodDefault<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    type: "time" | "linear";
+    color: color.Color;
+    font: string;
+    size: number;
+    location: "bottom" | "left" | "right" | "top";
+    tickSpacing: number;
+    showGrid: boolean;
+    gridColor: color.Color;
+}, {
+    color: string | [number, number, number, number] | {
+        rgba255: [number, number, number, number];
+    } | color.Color | [number, number, number] | (string & [number, number, number, number]) | (string & {
+        rgba255: [number, number, number, number];
+    }) | (string & color.Color) | (string & [number, number, number]) | ([number, number, number, number] & string) | ([number, number, number, number] & {
+        rgba255: [number, number, number, number];
+    }) | ([number, number, number, number] & color.Color) | ({
+        rgba255: [number, number, number, number];
+    } & string) | ({
+        rgba255: [number, number, number, number];
+    } & [number, number, number, number]) | ({
+        rgba255: [number, number, number, number];
+    } & color.Color) | ({
+        rgba255: [number, number, number, number];
+    } & [number, number, number]) | (color.Color & string) | (color.Color & [number, number, number, number]) | (color.Color & {
+        rgba255: [number, number, number, number];
+    }) | (color.Color & [number, number, number]) | ([number, number, number] & string) | ([number, number, number] & {
+        rgba255: [number, number, number, number];
+    }) | ([number, number, number] & color.Color);
+    font: string;
+    location: "bottom" | "left" | "right" | "top";
+    gridColor: string | [number, number, number, number] | {
+        rgba255: [number, number, number, number];
+    } | color.Color | [number, number, number] | (string & [number, number, number, number]) | (string & {
+        rgba255: [number, number, number, number];
+    }) | (string & color.Color) | (string & [number, number, number]) | ([number, number, number, number] & string) | ([number, number, number, number] & {
+        rgba255: [number, number, number, number];
+    }) | ([number, number, number, number] & color.Color) | ({
+        rgba255: [number, number, number, number];
+    } & string) | ({
+        rgba255: [number, number, number, number];
+    } & [number, number, number, number]) | ({
+        rgba255: [number, number, number, number];
+    } & color.Color) | ({
+        rgba255: [number, number, number, number];
+    } & [number, number, number]) | (color.Color & string) | (color.Color & [number, number, number, number]) | (color.Color & {
+        rgba255: [number, number, number, number];
+    }) | (color.Color & [number, number, number]) | ([number, number, number] & string) | ([number, number, number] & {
+        rgba255: [number, number, number, number];
+    }) | ([number, number, number] & color.Color);
+    tickSpacing?: number | undefined;
+    type?: "time" | "linear" | undefined;
+    showGrid?: boolean | undefined;
+    size?: number | undefined;
+}>;
+export type AxisState = z.input<typeof axisStateZ>;
+export type ParsedAxisState = z.output<typeof axisStateZ>;
+export interface AxisProps extends Omit<TickFactoryContext, "size"> {
+    plot: box.Box;
+    position: xy.XY;
+}
+export interface Axis {
+    setState: (state: AxisState) => void;
+    render: (props: AxisProps) => RenderResult;
+}

package/dist/vis/axis/canvas.d.ts

@@ -0,0 +1,18 @@
+import { type Axis, type AxisProps, type RenderResult, type AxisState, type ParsedAxisState } from '../../vis/axis/axis';
+import { type TickFactory } from '../../vis/axis/ticks';
+import { type render } from '../../vis/render';
+export declare class Canvas implements Axis {
+    ctx: render.Context;
+    state: ParsedAxisState;
+    tickFactory: TickFactory;
+    constructor(ctx: render.Context, state: ParsedAxisState);
+    setState(state: AxisState): void;
+    render(props: AxisProps): RenderResult;
+    drawBottom(ctx: AxisProps): RenderResult;
+    drawTop(ctx: AxisProps): RenderResult;
+    drawLeft(ctx: AxisProps): RenderResult;
+    drawRight(ctx: AxisProps): RenderResult;
+    private drawLine;
+    private drawTicks;
+    private maybeDrawGrid;
+}

package/dist/vis/axis/external.d.ts

@@ -0,0 +1,3 @@
+export * from '../../vis/axis/axis';
+export * from '../../vis/axis/canvas';
+export * from '../../vis/axis/ticks';

package/dist/vis/axis/index.d.ts

@@ -0,0 +1 @@
+export * as axis from '../../vis/axis/external';

package/dist/vis/axis/ticks.d.ts

@@ -0,0 +1,33 @@
+import { type scale } from "@synnaxlabs/x";
+import { z } from "zod";
+export interface Tick {
+    position: number;
+    label: string;
+}
+export interface TickFactory {
+    generate: (ctx: TickFactoryContext) => Tick[];
+}
+export declare const tickType: z.ZodEnum<["linear", "time"]>;
+export type TickType = z.infer<typeof tickType>;
+export declare const tickFactoryProps: z.ZodObject<{
+    tickSpacing: z.ZodDefault<z.ZodNumber>;
+    type: z.ZodDefault<z.ZodOptional<z.ZodEnum<["linear", "time"]>>>;
+}, "strip", z.ZodTypeAny, {
+    type: "time" | "linear";
+    tickSpacing: number;
+}, {
+    tickSpacing?: number | undefined;
+    type?: "time" | "linear" | undefined;
+}>;
+export type TickFactoryProps = z.input<typeof tickFactoryProps>;
+export interface TickFactoryContext {
+    /**
+     * Scale takes a value in decimal space and returns the corresponding data value.
+     */
+    decimalToDataScale: scale.Scale;
+    /**
+     * Size is the length of the axis in pixels.
+     */
+    size: number;
+}
+export declare const newTickFactory: (props: TickFactoryProps) => TickFactory;

package/dist/vis/button/aether/button.d.ts

@@ -0,0 +1,94 @@
+import { z } from "zod";
+import { aether } from '../../../aether/aether';
+import { telem } from '../../../telem/aether';
+export declare const buttonStateZ: z.ZodObject<{
+    trigger: z.ZodNumber;
+    sink: z.ZodDefault<z.ZodOptional<z.ZodObject<{
+        type: z.ZodString;
+        props: z.ZodAny;
+        variant: z.ZodLiteral<"sink">;
+        transfer: z.ZodOptional<z.ZodArray<z.ZodUnion<readonly [z.ZodTypeAny, z.ZodTypeAny, ...z.ZodTypeAny[]]>, "many">>;
+        valueType: z.ZodLiteral<"boolean">;
+    }, "strip", z.ZodTypeAny, {
+        type: string;
+        valueType: "boolean";
+        variant: "sink";
+        props?: any;
+        transfer?: any[] | undefined;
+    }, {
+        type: string;
+        valueType: "boolean";
+        variant: "sink";
+        props?: any;
+        transfer?: any[] | undefined;
+    }>>>;
+}, "strip", z.ZodTypeAny, {
+    trigger: number;
+    sink: {
+        type: string;
+        valueType: "boolean";
+        variant: "sink";
+        props?: any;
+        transfer?: any[] | undefined;
+    };
+}, {
+    trigger: number;
+    sink?: {
+        type: string;
+        valueType: "boolean";
+        variant: "sink";
+        props?: any;
+        transfer?: any[] | undefined;
+    } | undefined;
+}>;
+interface InternalState {
+    sink: telem.BooleanSink;
+}
+export declare class Button extends aether.Leaf<typeof buttonStateZ, InternalState> {
+    static readonly TYPE = "Button";
+    schema: z.ZodObject<{
+        trigger: z.ZodNumber;
+        sink: z.ZodDefault<z.ZodOptional<z.ZodObject<{
+            type: z.ZodString;
+            props: z.ZodAny;
+            variant: z.ZodLiteral<"sink">;
+            transfer: z.ZodOptional<z.ZodArray<z.ZodUnion<readonly [z.ZodTypeAny, z.ZodTypeAny, ...z.ZodTypeAny[]]>, "many">>;
+            valueType: z.ZodLiteral<"boolean">;
+        }, "strip", z.ZodTypeAny, {
+            type: string;
+            valueType: "boolean";
+            variant: "sink";
+            props?: any;
+            transfer?: any[] | undefined;
+        }, {
+            type: string;
+            valueType: "boolean";
+            variant: "sink";
+            props?: any;
+            transfer?: any[] | undefined;
+        }>>>;
+    }, "strip", z.ZodTypeAny, {
+        trigger: number;
+        sink: {
+            type: string;
+            valueType: "boolean";
+            variant: "sink";
+            props?: any;
+            transfer?: any[] | undefined;
+        };
+    }, {
+        trigger: number;
+        sink?: {
+            type: string;
+            valueType: "boolean";
+            variant: "sink";
+            props?: any;
+            transfer?: any[] | undefined;
+        } | undefined;
+    }>;
+    afterUpdate(): void;
+    render(): void;
+    afterDelete(): void;
+}
+export declare const REGISTRY: aether.ComponentRegistry;
+export {};

package/dist/vis/button/aether/index.d.ts

@@ -0,0 +1 @@
+export * as button from '../../../vis/button/aether/button';

package/dist/vis/button/index.d.ts

@@ -0,0 +1 @@
+export * as Button from '../../vis/button/use';

package/dist/vis/button/use.d.ts

@@ -0,0 +1,9 @@
+import { type z } from "zod";
+import { button } from '../../vis/button/aether';
+export interface UseProps extends Omit<z.input<typeof button.buttonStateZ>, "trigger"> {
+    aetherKey: string;
+}
+export interface UseReturn {
+    click: () => void;
+}
+export declare const use: ({ aetherKey, sink }: UseProps) => UseReturn;

package/dist/vis/canvas/Canvas.d.ts

@@ -0,0 +1,11 @@
+import { type CanvasHTMLAttributes, type DetailedHTMLProps } from "react";
+import { type UseResizeHandler } from '../../hooks';
+type HTMLCanvasProps = DetailedHTMLProps<CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>;
+export interface CanvasProps extends Omit<HTMLCanvasProps, "ref"> {
+    resizeDebounce?: number;
+}
+export declare const Canvas: import("react").FC<CanvasProps & {
+    aetherKey?: string | undefined;
+}>;
+export declare const useRegion: (f: UseResizeHandler) => React.RefCallback<HTMLElement>;
+export {};