@synnaxlabs/pluto 0.12.0

package/dist/aether.js

@@ -0,0 +1,93 @@
+import { R as RoutedWorker } from "./css-NTD4Xm8x.js";
+import { c } from "./css-NTD4Xm8x.js";
+import { P as Provider, R as REGISTRY, s as synnaxDark, a as synnaxLight, t as themeZ, b as themes, u as use, e as REGISTRY$d, r as render$1 } from "./component-k78Jq9I7.js";
+import { f } from "./component-k78Jq9I7.js";
+import { aq as Context$1, ar as Controller, as as Eraser$1, at as GLProgram, au as Loop, av as REASON_DATA, aw as REASON_LAYOUT, ax as REASON_TOOL, ay as LinePlot, az as REGISTRY$1, aA as XAxis, aB as YAxis, aC as linePlotStateZ, aD as xAxisStateZ, aE as yAxisStateZ, aF as REGISTRY$2, aG as REGISTRY$3, R as REGISTRY$4, aH as REGISTRY$5, aI as REGISTRY$6, aJ as REGISTRY$7, aK as REGISTRY$8, aL as REGISTRY$9, aM as REGISTRY$a, aN as REGISTRY$b, aO as REGISTRY$c, aP as REGISTRY$e, aQ as REGISTRY$f, aR as REGISTRY$g, aS as REGISTRY$h } from "./table-8MFXzE4C.js";
+import { aZ, aV, aU, aW, aT, aX, aY } from "./table-8MFXzE4C.js";
+import { f as fontString } from "./fontString-RKvYIr5H.js";
+import { e } from "./external-2Aicsb3l.js";
+import "zod";
+import "react";
+import "react-dom";
+import "./dimensions-guJ5PHmb.js";
+const external$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Provider,
+  REGISTRY,
+  fontString,
+  synnaxDark,
+  synnaxLight,
+  themeZ,
+  themes,
+  use
+}, Symbol.toStringTag, { value: "Module" }));
+const external$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Context: Context$1,
+  Controller,
+  Eraser: Eraser$1,
+  GLProgram,
+  Loop,
+  REASON_DATA,
+  REASON_LAYOUT,
+  REASON_TOOL
+}, Symbol.toStringTag, { value: "Module" }));
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LinePlot,
+  REGISTRY: REGISTRY$1,
+  XAxis,
+  YAxis,
+  linePlotStateZ,
+  xAxisStateZ,
+  yAxisStateZ
+}, Symbol.toStringTag, { value: "Module" }));
+const render = () => {
+  const w = new RoutedWorker((data, transfer) => postMessage(data, transfer));
+  onmessage = w.handle.bind(w);
+  const REGISTRY$i = {
+    ...REGISTRY$1,
+    ...REGISTRY$2,
+    ...REGISTRY$3,
+    ...REGISTRY$4,
+    ...REGISTRY$5,
+    ...REGISTRY$6,
+    ...REGISTRY$7,
+    ...REGISTRY$8,
+    ...REGISTRY$9,
+    ...REGISTRY$a,
+    ...REGISTRY$b,
+    ...REGISTRY$c,
+    ...REGISTRY,
+    ...REGISTRY$d,
+    ...REGISTRY$e,
+    ...REGISTRY$f,
+    ...REGISTRY$g,
+    ...REGISTRY$h
+  };
+  render$1({
+    worker: w.route("vis"),
+    registry: REGISTRY$i
+  });
+};
+const _pluto = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  render
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  f as aether,
+  aZ as canvas,
+  c as color,
+  aV as diagram,
+  external as lineplot,
+  aU as measure,
+  _pluto as pluto,
+  external$1 as render,
+  aW as rule,
+  aT as synnax,
+  e as telem,
+  external$2 as theming,
+  aX as tooltip,
+  aY as value
+};
+//# sourceMappingURL=aether.js.map

package/dist/aether.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aether.js","sources":["../src/pluto/aether/ pluto.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 { RoutedWorker } from \"@synnaxlabs/x\";\n\nimport { aether } from \"@/aether/aether\";\nimport { alamos } from \"@/alamos/aether\";\nimport { status } from \"@/status/aether\";\nimport { synnax } from \"@/synnax/aether\";\nimport { telem } from \"@/telem/aether\";\nimport { control } from \"@/telem/control/aether\";\nimport { theming } from \"@/theming/aether\";\nimport { button } from \"@/vis/button/aether\";\nimport { canvas } from \"@/vis/canvas/aether\";\nimport { diagram } from \"@/vis/diagram/aether\";\nimport { eraser } from \"@/vis/eraser/aether\";\nimport { line } from \"@/vis/line/aether\";\nimport { lineplot } from \"@/vis/lineplot/aether\";\nimport { tooltip } from \"@/vis/lineplot/tooltip/aether\";\nimport { measure } from \"@/vis/measure/aether\";\nimport { rule } from \"@/vis/rule/aether\";\nimport { table } from \"@/vis/table/aether\";\nimport { toggle } from \"@/vis/toggle/aether\";\nimport { value } from \"@/vis/value/aether\";\n\nexport const render = (): void => {\n  // @ts-expect-error - for some reason post-message can't type transfer correctly\n  const w = new RoutedWorker((data, transfer) => postMessage(data, transfer));\n  onmessage = w.handle.bind(w);\n\n  const REGISTRY: aether.ComponentRegistry = {\n    ...lineplot.REGISTRY,\n    ...canvas.REGISTRY,\n    ...synnax.REGISTRY,\n    ...telem.REGISTRY,\n    ...line.REGISTRY,\n    ...value.REGISTRY,\n    ...toggle.REGISTRY,\n    ...diagram.REGISTRY,\n    ...rule.REGISTRY,\n    ...tooltip.REGISTRY,\n    ...measure.REGISTRY,\n    ...control.REGISTRY,\n    ...theming.REGISTRY,\n    ...status.REGISTRY,\n    ...button.REGISTRY,\n    ...alamos.REGISTRY,\n    ...eraser.REGISTRY,\n    ...table.REGISTRY,\n  };\n\n  aether.render({\n    worker: w.route(\"vis\"),\n    registry: REGISTRY,\n  });\n};\n"],"names":["REGISTRY","lineplot.REGISTRY","canvas.REGISTRY","synnax.REGISTRY","telem.REGISTRY","line.REGISTRY","value.REGISTRY","toggle.REGISTRY","diagram.REGISTRY","rule.REGISTRY","tooltip.REGISTRY","measure.REGISTRY","control.REGISTRY","theming.REGISTRY","status.REGISTRY","button.REGISTRY","alamos.REGISTRY","eraser.REGISTRY","table.REGISTRY","aether.render"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,SAAS,MAAY;AAE1B,QAAA,IAAI,IAAI,aAAa,CAAC,MAAM,aAAa,YAAY,MAAM,QAAQ,CAAC;AAC9D,cAAA,EAAE,OAAO,KAAK,CAAC;AAE3B,QAAMA,aAAqC;AAAA,IACzC,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGC;AAAAA,EAAM;AAGXC,WAAc;AAAA,IACZ,QAAQ,EAAE,MAAM,KAAK;AAAA,IACrB,UAAUnB;AAAAA,EAAA,CACX;AACH;;;;;"}

package/dist/aetherIndex.d.ts

@@ -0,0 +1,14 @@
+export { pluto } from './pluto/aether';
+export { aether } from './aether/aether';
+export { color } from './color/core';
+export { synnax } from './synnax/aether';
+export { theming } from './theming/aether';
+export { measure } from './vis/measure/aether';
+export { diagram } from './vis/diagram/aether';
+export { telem } from './telem/aether';
+export { rule } from './vis/rule/aether';
+export { tooltip } from './vis/lineplot/tooltip/aether';
+export { render } from './vis/render';
+export { value } from './vis/value/aether';
+export { lineplot } from './vis/lineplot/aether';
+export { canvas } from './vis/canvas/aether';

package/dist/alamos/Provider.d.ts

@@ -0,0 +1,12 @@
+import { type PropsWithChildren } from "react";
+import { Instrumentation } from "@synnaxlabs/alamos";
+import { alamos } from '../alamos/aether';
+export interface ContextValue {
+    instrumentation: Instrumentation;
+}
+export interface ProviderProps extends PropsWithChildren, alamos.ProviderState {
+}
+export declare const useInstrumentation: () => Instrumentation;
+export declare const Provider: import("react").FC<ProviderProps & {
+    aetherKey?: string | undefined;
+}>;

package/dist/alamos/aether/alamos.d.ts

@@ -0,0 +1,39 @@
+import { alamos } from "@synnaxlabs/alamos";
+import { z } from "zod";
+import { aether } from '../../aether/aether';
+export declare const providerStateZ: z.ZodObject<{
+    include: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+    exclude: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+    level: z.ZodDefault<z.ZodOptional<z.ZodEnum<["debug", "info", "warn", "error"]>>>;
+}, "strip", z.ZodTypeAny, {
+    level: "error" | "info" | "debug" | "warn";
+    include?: string[] | undefined;
+    exclude?: string[] | undefined;
+}, {
+    include?: string[] | undefined;
+    exclude?: string[] | undefined;
+    level?: "error" | "info" | "debug" | "warn" | undefined;
+}>;
+export type ProviderState = z.input<typeof providerStateZ>;
+export interface InternalState {
+    ins: alamos.Instrumentation;
+}
+export declare class Provider extends aether.Composite<typeof providerStateZ, InternalState> {
+    static readonly TYPE = "AlamosProvider";
+    schema: z.ZodObject<{
+        include: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        exclude: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        level: z.ZodDefault<z.ZodOptional<z.ZodEnum<["debug", "info", "warn", "error"]>>>;
+    }, "strip", z.ZodTypeAny, {
+        level: "error" | "info" | "debug" | "warn";
+        include?: string[] | undefined;
+        exclude?: string[] | undefined;
+    }, {
+        include?: string[] | undefined;
+        exclude?: string[] | undefined;
+        level?: "error" | "info" | "debug" | "warn" | undefined;
+    }>;
+    afterUpdate(): void;
+}
+export declare const useInstrumentation: (ctx: aether.Context, name?: string) => alamos.Instrumentation;
+export declare const REGISTRY: aether.ComponentRegistry;

package/dist/alamos/aether/index.d.ts

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

package/dist/alamos/index.d.ts

@@ -0,0 +1 @@
+export * as Alamos from '../alamos/Provider';

package/dist/align/Center.d.ts

@@ -0,0 +1,8 @@
+import { type ForwardedRef, type ReactElement } from "react";
+import { type SpaceElementType, type SpaceProps } from '../align/Space';
+export declare const CoreCenter: <E extends SpaceElementType = "div">({ className, justify, align, ...props }: SpaceProps<E>, ref: ForwardedRef<JSX.IntrinsicElements[E]>) => ReactElement;
+/**
+ * An element whose width and height is 100% and whose alignment and justification
+ * is centered. Props are the same as {@link Space}.
+ */
+export declare const Center: <E extends SpaceElementType = "div">(props: SpaceProps<E>) => ReactElement;

package/dist/align/Pack.d.ts

@@ -0,0 +1,23 @@
+import { type ReactElement } from "react";
+import { type SpaceElementType, type SpaceProps } from '../align/Space';
+/** Props for the {@link Pack} component. */
+export type PackProps<E extends SpaceElementType = "div"> = Omit<SpaceProps<E>, "empty"> & {
+    shadow?: boolean;
+};
+/**
+ * Packs elements together, setting their size and styling the borders between them so
+ * that they appear as a single element. This is useful for buttons that represent a
+ * selection state, for example.
+ *
+ * @param props - The props for the pack. Any extra props will be passed to the
+ * underlying Space component.
+ * @param props.children - The children to pack together. These must satisfy the
+ * {@link PackChildProps} interface.
+ * @param props.direction - The direction to pack the children in. Defaults to
+ * "x".
+ * @param props.size - The size to set on the children. Any sizes already set on the
+ * children will be overridden. Defaults to "medium".
+ * @param props.el  - The element type to use as the root element for the Pack.
+ * Defaults to "div".
+ */
+export declare const Pack: <E extends SpaceElementType = "div">(props: PackProps<E>) => ReactElement;

package/dist/align/Pack.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryFn } from "@storybook/react";
+import { Align } from '../align';
+declare const story: Meta<typeof Align.Pack>;
+export declare const Horizontal: StoryFn<typeof Align.Pack>;
+export declare const Vertical: StoryFn<typeof Align.Pack>;
+export declare const Nested: StoryFn<typeof Align.Pack>;
+export declare const NestedX: StoryFn<typeof Align.Pack>;
+export default story;

package/dist/align/Space.d.ts

@@ -0,0 +1,54 @@
+import { type ReactElement } from "react";
+import { direction } from "@synnaxlabs/x";
+import { Generic } from '../generic';
+import { type ComponentSize } from '../util/component';
+/** All possible alignments for the cross axis of a space */
+export declare const ALIGNMENTS: readonly ["start", "center", "end", "stretch"];
+/** The alignments for the cross axis of a space */
+export type Alignment = (typeof ALIGNMENTS)[number];
+/** All possible justifications for the main axis of a space */
+export declare const JUSTIFICATIONS: readonly ["start", "center", "end", "spaceBetween", "spaceAround", "spaceEvenly"];
+/** The justification for the main axis of a space */
+export type Justification = (typeof JUSTIFICATIONS)[number];
+export type SpaceElementType = "div" | "header" | "nav" | "section" | "article" | "aside" | "footer" | "button" | "dialog" | "a";
+export interface SpaceExtensionProps {
+    empty?: boolean;
+    size?: ComponentSize | number;
+    direction?: direction.Crude;
+    reverse?: boolean;
+    justify?: Justification;
+    align?: Alignment;
+    grow?: boolean | number;
+    shrink?: boolean | number;
+    wrap?: boolean;
+    el?: SpaceElementType;
+    bordered?: boolean;
+    rounded?: boolean;
+}
+export type SpaceProps<E extends SpaceElementType = "div"> = Omit<Generic.ElementProps<E>, "el"> & SpaceExtensionProps;
+export declare const shouldReverse: (direction: "bottom" | "left" | "right" | "top" | "x" | "y" | "center", reverse?: boolean) => boolean;
+/**
+ * A component that orients its children in a row or column and adds
+ * space between them. This is essentially a thin wrapped around a
+ * flex component that makes it more 'reacty' to use.
+ *
+ * @param props - The props for the component. All unlisted props will be passed
+ * to the underlying root element.
+ * @param props.align - The off axis alignment of the children. The 'off' axis is the
+ * opposite direction of props.direction. For example, if direction is 'x', then the
+ * off axis is 'y'. See the {@link Alignment} for available options.
+ * @param props.justify - The main axis justification of the children. The 'main' axis
+ * is the same direction as props.direction. For example, if direction is 'x', then the
+ * main axis is 'x'. See the {@link Justification} for available options.
+ * @param props.grow - A boolean or number value that determines if the space should
+ * grow in the flex-box sense. A value of true will set css flex-grow to 1. A value of
+ * false will leave the css flex-grow unset. A number value will set the css flex-grow
+ * to that number.
+ * @param props.size - A string or number value that determines the amount of spacing
+ * between items. If set to "small", "medium", or "large", the spacing will be determined
+ * by the theme. If set to a number, the spacing will be that number of rem.
+ * @param props.wrap - A boolean value that determines if the space should wrap its
+ * children.
+ * @param props.el - The element type to render as. Defaults to 'div'.
+ */
+export declare const Space: <E extends SpaceElementType = "div">(props: SpaceProps<E>) => ReactElement;

package/dist/align/Space.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/align/Space.stories.d.ts

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

package/dist/align/external.d.ts

@@ -0,0 +1,3 @@
+export * from '../align/Space';
+export * from '../align/Pack';
+export * from '../align/Center';

package/dist/align/index.d.ts

@@ -0,0 +1 @@
+export * as Align from '../align/external';

package/dist/align.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const external = require("./external-OSLzuRs1.cjs");
+require("./Center-ZAcURh-3.cjs");
+require("./jsx-runtime-N1ikfypN.cjs");
+require("react");
+require("./css-V3VUT_Js.cjs");
+require("zod");
+exports.Align = external.external;
+//# sourceMappingURL=align.cjs.map

package/dist/align.cjs.map

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

package/dist/align.js

@@ -0,0 +1,10 @@
+import { e } from "./external-vXBQOmKv.js";
+import "./Center-gEKkAkdh.js";
+import "./jsx-runtime-rX5tAIG2.js";
+import "react";
+import "./css-NTD4Xm8x.js";
+import "zod";
+export {
+  e as Align
+};
+//# sourceMappingURL=align.js.map

package/dist/align.js.map

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

package/dist/button/Button.d.ts

@@ -0,0 +1,46 @@
+import { type ComponentPropsWithoutRef, type ReactElement } from "react";
+import { type Optional } from "@synnaxlabs/x";
+import { type Align } from '../align';
+import { type SpaceElementType } from '../align/Space';
+import { Text } from '../text';
+import { Tooltip } from '../tooltip';
+import { type ComponentSize } from '../util/component';
+/** The variant of button */
+export type Variant = "filled" | "outlined" | "text";
+export interface ButtonExtensionProps {
+    variant?: Variant;
+    size?: ComponentSize;
+    sharp?: boolean;
+    loading?: boolean;
+}
+/** The base props accepted by all button types in this directory. */
+export interface BaseProps extends ComponentPropsWithoutRef<"button">, ButtonExtensionProps {
+}
+/** The props for the {@link Button} component. */
+export type ButtonProps<E extends SpaceElementType = "button"> = Optional<Omit<Text.WithIconProps<E>, "size" | "startIcon" | "endIcon">, "level"> & ButtonExtensionProps & {
+    startIcon?: ReactElement | ReactElement[];
+    endIcon?: ReactElement | ReactElement[];
+    iconSpacing?: Align.SpaceProps["size"];
+    disabled?: boolean;
+};
+/**
+ * Use is a basic button component.
+ *
+ * @param props - Props for the component, which are passed down to the underlying button
+ * element.
+ * @param props.size - The size of button render.
+ * @param props.variant - The variant to render for the button. Options are "filled"
+ * (default), "outlined", and "text".
+ * @param props.startIcon - An optional icon to render before the start of the button
+ * text. This can be a single icon or an array of icons. The icons will be formatted
+ * to match the color and size of the button.
+ * @param props.endIcon - The same as {@link startIcon}, but renders after the button
+ * text.
+ */
+export declare const Core: import("react").ForwardRefExoticComponent<Omit<Pick<Partial<Omit<Text.WithIconProps<Align.SpaceElementType, "h1">, "size" | "startIcon" | "endIcon">>, "level"> & Omit<Omit<Text.WithIconProps<Align.SpaceElementType, "h1">, "size" | "startIcon" | "endIcon">, "level"> & ButtonExtensionProps & {
+    startIcon?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
+    endIcon?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
+    iconSpacing?: Align.SpaceProps["size"];
+    disabled?: boolean | undefined;
+} & Tooltip.WrapProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Button: <E extends Align.SpaceElementType = "button">(props: ButtonProps<E>) => ReactElement;

package/dist/button/Button.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/button/Button.stories.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from "react";
+import type { Meta, StoryFn } from "@storybook/react";
+import { Button } from '../button';
+declare const story: Meta<typeof Button.Button>;
+export declare const Primary: StoryFn<typeof Button.Button>;
+export declare const Outlined: () => ReactElement;
+export declare const Toggle: () => ReactElement;
+export declare const IconOnly: () => ReactElement;
+export default story;

package/dist/button/Icon.d.ts

@@ -0,0 +1,19 @@
+import { type ReactElement } from "react";
+import type { BaseProps } from '../button/Button';
+import { Tooltip } from '../tooltip';
+/** The props for the {@link Icon} */
+export interface IconProps extends BaseProps {
+    children: ReactElement;
+    loading?: boolean;
+}
+/**
+ * Use.Icon a button that only renders an icon without any text.
+ *
+ * @param props - Props for the component, which are passed down to the underlying
+ * element.
+ * @param props.size - The size of button to render.
+ * @param props.variant - The variant of button to render. Options are "filled" (default),
+ * "outlined", and "text".
+ * @param props.children - A ReactElement representing the icon to render.
+ */
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps & import("react").RefAttributes<HTMLButtonElement> & Tooltip.WrapProps, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/button/Link.d.ts

@@ -0,0 +1,16 @@
+import { type ReactElement } from "react";
+import { type ButtonProps } from '../button/Button';
+import { type Text } from '../text';
+/** Props for the {@link Link} component. */
+export interface LinkProps<L extends Text.Level = "h1"> extends ButtonProps, Pick<Text.LinkProps<L>, "href" | "target"> {
+}
+/**
+ * Use.Link renders a button that looks like a link and redirects to the given href
+ * when clicked.
+ *
+ * @param props - Props for the component. Identical to the props for the Use component,
+ * excluding 'variant', and  adding the following:
+ * @param props.href - The URL to redirect to when the button is clicked.
+ * @param props.target - The target of the link. Defaults to "_self".
+ */
+export declare const Link: <L extends "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" = "h1">({ href, target, ...props }: LinkProps<L>) => ReactElement;

package/dist/button/Toggle.d.ts

@@ -0,0 +1,34 @@
+import { type FunctionComponent } from "react";
+import { type ButtonProps } from '../button/Button';
+import { type Input } from '../input';
+export interface ToggleExtensionProps extends Input.Control<boolean> {
+    checkedVariant?: ButtonProps["variant"];
+    uncheckedVariant?: ButtonProps["variant"];
+}
+/**
+ * Use.Toggle renders a button that can be toggled on and off. It implements the
+ * InputControlProps interface, so it can be used as an input control in a form.
+ *
+ * @param props - Props for the component. Identical to the props for the Use
+ * component, excluding 'variant', and  adding the following:
+ * @param props.value - The boolean value of the button. If true, the button will be
+ * rendered as "filled". If false, it will be rendered as "outlined".
+ * @param props.onChange - A callback function that will be called when the button is
+ * toggled. The callback will be passed the new value of the button.
+ */
+export declare const Toggle: FunctionComponent<Omit<ButtonProps<import("../align/Space").SpaceElementType>, "value" | "onChange"> & ToggleExtensionProps>;
+export type ToggleProps = Omit<Parameters<typeof Toggle>[0], "value" | "onChange"> & ToggleExtensionProps;
+/**
+ * Use.IconToggle renders a button that can be toggled on and off, and only
+ * renders an icon. It implements the InputControlProps interface, so it can be used
+ *  as an input control in a form.
+ *
+ * @param props - Props for the component. Identical to the props for the Use.Icon
+ * component, excluding 'variant', and  adding the following:
+ * @param props.value - The boolean value of the button. If true, the button will be
+ * rendered as "filled". If false, it will be rendered as "outlined".
+ * @param props.onChange - A callback function that will be called when the button is
+ * toggled. The callback will be passed the new value of the button.
+ */
+export declare const ToggleIcon: FunctionComponent<Omit<Omit<import('../button/Icon').IconProps & import("react").RefAttributes<HTMLButtonElement> & import("../tooltip/wrap").WrapProps, "ref"> & import("react").RefAttributes<HTMLElement>, "value" | "onChange"> & ToggleExtensionProps>;
+export type ToggleIconProps = Omit<Parameters<typeof ToggleIcon>[0], "value" | "onChange"> & ToggleExtensionProps;

package/dist/button/color.d.ts

@@ -0,0 +1,3 @@
+import { type Variant } from '../button/Button';
+import { type Color } from "..";
+export declare const color: (variant: Variant, disabled?: boolean, color?: Color.Crude) => Color.Crude;

package/dist/button/external.d.ts

@@ -0,0 +1,4 @@
+export * from '../button/Button';
+export * from '../button/Icon';
+export * from '../button/Link';
+export * from '../button/Toggle';

package/dist/button/index.d.ts

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

package/dist/button.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const external = require("./external-oZe6tF4A.cjs");
+require("./Toggle-eOKYw1OT.cjs");
+require("./jsx-runtime-N1ikfypN.cjs");
+require("react");
+require("./css-V3VUT_Js.cjs");
+require("zod");
+require("./component-joFaJiQW.cjs");
+require("react-dom");
+require("./Center-ZAcURh-3.cjs");
+require("react-hook-form");
+require("./Link-xlTZan29.cjs");
+exports.Button = external.external;
+//# sourceMappingURL=button.cjs.map

package/dist/button.cjs.map

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

package/dist/button.js

@@ -0,0 +1,15 @@
+import { e } from "./external-9pS8-DvV.js";
+import "./Toggle-kLunfJtR.js";
+import "./jsx-runtime-rX5tAIG2.js";
+import "react";
+import "./css-NTD4Xm8x.js";
+import "zod";
+import "./component-k78Jq9I7.js";
+import "react-dom";
+import "./Center-gEKkAkdh.js";
+import "react-hook-form";
+import "./Link-laNlv47N.js";
+export {
+  e as Button
+};
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

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

package/dist/channel/AliasProvider.d.ts

@@ -0,0 +1,24 @@
+import { type PropsWithChildren, type ReactElement } from "react";
+import { type channel } from "@synnaxlabs/client";
+import { Input } from '../input';
+interface AliasContextValue {
+    aliases: Record<channel.Key, string>;
+    getName: (key: channel.Key) => Promise<string | undefined>;
+    setAlias: ((key: channel.Key, alias: string) => Promise<void>) | null;
+    activeRange?: string | null;
+}
+export declare const useContext: () => AliasContextValue;
+export interface AliasProviderProps extends PropsWithChildren {
+    activeRange?: string | null;
+}
+export declare const useAlias: (key: channel.Key) => string | null;
+export declare const useAliases: () => Record<channel.Key, string>;
+export declare const useName: (key: channel.Key, def?: string) => string;
+export declare const useActiveRange: () => string | undefined;
+export declare const AliasProvider: ({ activeRange, children, }: AliasProviderProps) => ReactElement;
+export interface AliasInputProps extends Input.TextProps {
+    channelKey: channel.Key;
+    shadow?: boolean;
+}
+export declare const AliasInput: ({ channelKey, value, shadow, className, ...props }: AliasInputProps) => ReactElement;
+export {};

package/dist/channel/ChannelSelect.stories.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from "react";
+import type { Meta } from "@storybook/react";
+import { SelectMultiple } from "./Select";
+declare const story: Meta<typeof SelectMultiple>;
+export declare const Multiple: () => ReactElement;
+export declare const Default: () => ReactElement;
+export default story;

package/dist/channel/LinePlot.d.ts

@@ -0,0 +1,72 @@
+import { type ReactElement } from "react";
+import { type channel } from "@synnaxlabs/client";
+import { type TimeRange, type TimeSpan } from "@synnaxlabs/x";
+import { type Color } from '../color';
+import { type Text } from '../text';
+import { type Viewport } from '../viewport';
+import { LinePlot as Core } from '../vis/lineplot';
+/** Props for an axis in {@link LinePlot} */
+export interface AxisProps extends Core.AxisProps {
+    /** A unique identifier for the axis */
+    key: string;
+}
+export interface BaseLineProps {
+    key: string;
+    axes: {
+        x: string;
+        y: string;
+    };
+    channels: {
+        y: number;
+        x?: number;
+    };
+    color: Color.Crude;
+    strokeWidth?: number;
+    label?: string;
+    downsample?: number;
+}
+export interface StaticLineProps extends BaseLineProps {
+    variant: "static";
+    timeRange: TimeRange;
+}
+export interface DynamicLineProps extends BaseLineProps {
+    variant: "dynamic";
+    timeSpan: TimeSpan;
+}
+export type LineProps = StaticLineProps | DynamicLineProps;
+export interface RuleProps {
+    key: string;
+    position: number;
+    color: Color.Crude;
+    axis: string;
+    label: string;
+    lineWidth?: number;
+    lineDash?: number;
+    units?: string;
+}
+export interface LinePlotProps extends Core.LinePlotProps {
+    axes: AxisProps[];
+    onAxisChannelDrop?: (axis: string, channels: channel.Key[]) => void;
+    onAxisChange?: (axis: Partial<AxisProps> & {
+        key: string;
+    }) => void;
+    lines: LineProps[];
+    onLineChange?: (line: Partial<LineProps> & {
+        key: string;
+    }) => void;
+    rules?: RuleProps[];
+    onRuleChange?: (rule: Partial<RuleProps> & {
+        key: string;
+    }) => void;
+    title?: string;
+    showTitle?: boolean;
+    onTitleChange?: (value: string) => void;
+    titleLevel?: Text.Level;
+    showLegend?: boolean;
+    enableTooltip?: boolean;
+    enableMeasure?: boolean;
+    initialViewport?: Viewport.UseProps["initial"];
+    onViewportChange?: Viewport.UseProps["onChange"];
+    viewportTriggers?: Viewport.UseProps["triggers"];
+}
+export declare const LinePlot: ({ lines, axes, showTitle, title, onTitleChange, showLegend, titleLevel, onLineChange, onRuleChange, onAxisChannelDrop, onAxisChange, rules, enableTooltip, enableMeasure, initialViewport, onViewportChange, viewportTriggers, ...restProps }: LinePlotProps) => ReactElement;

package/dist/channel/LinePlot.stories.d.ts

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