@synnaxlabs/pluto 0.12.0

package/dist/cursor/cursor.d.ts

@@ -0,0 +1,3 @@
+import { type CSSProperties } from "react";
+export declare const setGlobalStyle: (cursor: CSSProperties["cursor"], el?: HTMLElement) => void;
+export declare const clearGlobalStyle: (el?: HTMLElement) => void;

package/dist/cursor/index.d.ts

@@ -0,0 +1 @@
+export * as Cursor from '../cursor/cursor';

package/dist/dimensions-Sej0Zly9.cjs

@@ -0,0 +1,26 @@
+"use strict";
+const css = require("./css-V3VUT_Js.cjs");
+let canvas = null;
+const getCanvas = () => {
+  if (canvas == null)
+    canvas = document.createElement("canvas");
+  return canvas;
+};
+const dimensions = (text, font, context) => {
+  if (css.external$1.RUNTIME === "node")
+    return { width: 0, height: 0 };
+  if (context == null)
+    context = getCanvas().getContext("2d");
+  context.font = font;
+  const metrics = context.measureText(text);
+  return {
+    width: Math.trunc(
+      Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight)
+    ),
+    height: Math.trunc(
+      Math.abs(metrics.actualBoundingBoxAscent) + Math.abs(metrics.actualBoundingBoxDescent)
+    )
+  };
+};
+exports.dimensions = dimensions;
+//# sourceMappingURL=dimensions-Sej0Zly9.cjs.map

package/dist/dimensions-Sej0Zly9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimensions-Sej0Zly9.cjs","sources":["../src/text/dimensions.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 dimensions as core, runtime } from \"@synnaxlabs/x\";\n\nlet canvas: HTMLCanvasElement | null = null;\n\nconst getCanvas = (): HTMLCanvasElement => {\n  if (canvas == null) canvas = document.createElement(\"canvas\");\n  return canvas;\n};\n\nexport const dimensions = (\n  text: string,\n  font: string,\n  context?: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n): core.Dimensions => {\n  if (runtime.RUNTIME === \"node\") return { width: 0, height: 0 };\n  if (context == null)\n    context = getCanvas().getContext(\"2d\") as CanvasRenderingContext2D;\n  context.font = font;\n  const metrics = context.measureText(text);\n  return {\n    width: Math.trunc(\n      Math.abs(metrics.actualBoundingBoxLeft) +\n        Math.abs(metrics.actualBoundingBoxRight),\n    ),\n    height: Math.trunc(\n      Math.abs(metrics.actualBoundingBoxAscent) +\n        Math.abs(metrics.actualBoundingBoxDescent),\n    ),\n  };\n};\n"],"names":["runtime"],"mappings":";;AAWA,IAAI,SAAmC;AAEvC,MAAM,YAAY,MAAyB;AACzC,MAAI,UAAU;AAAe,aAAA,SAAS,cAAc,QAAQ;AACrD,SAAA;AACT;AAEO,MAAM,aAAa,CACxB,MACA,MACA,YACoB;AACpB,MAAIA,IAAAA,WAAQ,YAAY;AAAQ,WAAO,EAAE,OAAO,GAAG,QAAQ,EAAE;AAC7D,MAAI,WAAW;AACH,cAAA,UAAA,EAAY,WAAW,IAAI;AACvC,UAAQ,OAAO;AACT,QAAA,UAAU,QAAQ,YAAY,IAAI;AACjC,SAAA;AAAA,IACL,OAAO,KAAK;AAAA,MACV,KAAK,IAAI,QAAQ,qBAAqB,IACpC,KAAK,IAAI,QAAQ,sBAAsB;AAAA,IAC3C;AAAA,IACA,QAAQ,KAAK;AAAA,MACX,KAAK,IAAI,QAAQ,uBAAuB,IACtC,KAAK,IAAI,QAAQ,wBAAwB;AAAA,IAC7C;AAAA,EAAA;AAEJ;;"}

package/dist/dimensions-guJ5PHmb.js

@@ -0,0 +1,27 @@
+import { e as external$1 } from "./css-NTD4Xm8x.js";
+let canvas = null;
+const getCanvas = () => {
+  if (canvas == null)
+    canvas = document.createElement("canvas");
+  return canvas;
+};
+const dimensions = (text, font, context) => {
+  if (external$1.RUNTIME === "node")
+    return { width: 0, height: 0 };
+  if (context == null)
+    context = getCanvas().getContext("2d");
+  context.font = font;
+  const metrics = context.measureText(text);
+  return {
+    width: Math.trunc(
+      Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight)
+    ),
+    height: Math.trunc(
+      Math.abs(metrics.actualBoundingBoxAscent) + Math.abs(metrics.actualBoundingBoxDescent)
+    )
+  };
+};
+export {
+  dimensions as d
+};
+//# sourceMappingURL=dimensions-guJ5PHmb.js.map

package/dist/dimensions-guJ5PHmb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimensions-guJ5PHmb.js","sources":["../src/text/dimensions.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 dimensions as core, runtime } from \"@synnaxlabs/x\";\n\nlet canvas: HTMLCanvasElement | null = null;\n\nconst getCanvas = (): HTMLCanvasElement => {\n  if (canvas == null) canvas = document.createElement(\"canvas\");\n  return canvas;\n};\n\nexport const dimensions = (\n  text: string,\n  font: string,\n  context?: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D,\n): core.Dimensions => {\n  if (runtime.RUNTIME === \"node\") return { width: 0, height: 0 };\n  if (context == null)\n    context = getCanvas().getContext(\"2d\") as CanvasRenderingContext2D;\n  context.font = font;\n  const metrics = context.measureText(text);\n  return {\n    width: Math.trunc(\n      Math.abs(metrics.actualBoundingBoxLeft) +\n        Math.abs(metrics.actualBoundingBoxRight),\n    ),\n    height: Math.trunc(\n      Math.abs(metrics.actualBoundingBoxAscent) +\n        Math.abs(metrics.actualBoundingBoxDescent),\n    ),\n  };\n};\n"],"names":["runtime"],"mappings":";AAWA,IAAI,SAAmC;AAEvC,MAAM,YAAY,MAAyB;AACzC,MAAI,UAAU;AAAe,aAAA,SAAS,cAAc,QAAQ;AACrD,SAAA;AACT;AAEO,MAAM,aAAa,CACxB,MACA,MACA,YACoB;AACpB,MAAIA,WAAQ,YAAY;AAAQ,WAAO,EAAE,OAAO,GAAG,QAAQ,EAAE;AAC7D,MAAI,WAAW;AACH,cAAA,UAAA,EAAY,WAAW,IAAI;AACvC,UAAQ,OAAO;AACT,QAAA,UAAU,QAAQ,YAAY,IAAI;AACjC,SAAA;AAAA,IACL,OAAO,KAAK;AAAA,MACV,KAAK,IAAI,QAAQ,qBAAqB,IACpC,KAAK,IAAI,QAAQ,sBAAsB;AAAA,IAC3C;AAAA,IACA,QAAQ,KAAK;AAAA,MACX,KAAK,IAAI,QAAQ,uBAAuB,IACtC,KAAK,IAAI,QAAQ,wBAAwB;AAAA,IAC7C;AAAA,EAAA;AAEJ;"}

package/dist/divider/Divider.d.ts

@@ -0,0 +1,14 @@
+import { type HTMLAttributes, type PropsWithChildren, type ReactElement } from "react";
+import { type direction } from "@synnaxlabs/x";
+/** The props for the {@link Divider} component. */
+export interface DividerProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
+    direction?: direction.Direction;
+    padded?: boolean;
+}
+/**
+ * Divider renders a vertical or horizontal divided to separate content.
+ *
+ * @param props - The props for the component.
+ * @param props.direction - The direction to render the divider in.
+ */
+export declare const Divider: ({ direction, className, padded, ...props }: DividerProps) => ReactElement;

package/dist/divider/index.d.ts

@@ -0,0 +1,2 @@
+import * as Divider from '../divider/Divider';
+export { Divider };

package/dist/dropdown/Dropdown.d.ts

@@ -0,0 +1,49 @@
+import { type ReactElement, type RefObject } from "react";
+import { location as loc } from "@synnaxlabs/x";
+import { Align } from '../align';
+/** Props for the {@link use} hook. */
+export interface UseProps {
+    initialVisible?: boolean;
+    onVisibleChange?: (vis: boolean) => void;
+}
+/** Return type for the {@link use} hook. */
+export interface UseReturn {
+    visible: boolean;
+    ref: RefObject<HTMLDivElement>;
+    close: () => void;
+    open: () => void;
+    toggle: (vis?: boolean) => void;
+}
+/**
+ * Implements basic dropdown behavior, and should be preferred when using
+ * the {@link Dialog} component. Opens the dropdown whenever the 'open' function is
+ * called, and closes it whenever the 'close' function is called OR the user clicks
+ * outside of the dropdown parent wrapped,which includes the dropdown trigger (often
+ * a button or input).
+ *
+ * @param initialVisible - Whether the dropdown should be visible on mount.
+ * @returns visible - Whether the dropdown is visible.
+ * @returns ref - The ref to the dropdown parent.
+ * @returns close - A function to close the dropdown.
+ * @returns open - A function to open the dropdown.
+ * @returns toggle - A function to toggle the dropdown.
+ */
+export declare const use: (props?: UseProps) => UseReturn;
+/** Props for the {@link Dialog} component. */
+export interface DialogProps extends Pick<UseReturn, "visible">, Partial<Omit<UseReturn, "visible" | "ref">>, Omit<Align.PackProps, "ref" | "reverse" | "size" | "empty"> {
+    location?: loc.Y;
+    children: [ReactElement, ReactElement];
+    keepMounted?: boolean;
+    matchTriggerWidth?: boolean;
+}
+/**
+ * A controlled dropdown dialog component that wraps its children. For the simplest case, use
+ * the {@link use} hook (more behavioral details explained there).
+ *
+ * @param props - The props for the dropdown component. Unlisted props are passed to the
+ * parent elment.
+ * @param props.visible - Whether the dropdown is visible or not. This is a controlled
+ * @param props.children - Two children are expected: the dropdown trigger (often a button
+ * or input) and the dropdown content.
+ */
+export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/dropdown/Dropdown.spec.d.ts

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

package/dist/dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryFn } from "@storybook/react";
+import { Dropdown } from '../dropdown';
+declare const story: Meta<typeof Dropdown.DialogProps>;
+export declare const Primary: StoryFn<typeof Dropdown.Dialog>;
+export default story;

package/dist/dropdown/index.d.ts

@@ -0,0 +1,2 @@
+import * as Dropdown from '../dropdown/Dropdown';
+export { Dropdown };

package/dist/dropdown.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Toggle = 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");
+exports.Dropdown = Toggle.Dropdown;
+//# sourceMappingURL=dropdown.cjs.map

package/dist/dropdown.cjs.map

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

package/dist/dropdown.js

@@ -0,0 +1,13 @@
+import { D } from "./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";
+export {
+  D as Dropdown
+};
+//# sourceMappingURL=dropdown.js.map

package/dist/dropdown.js.map

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

package/dist/external-2Aicsb3l.js

@@ -0,0 +1,88 @@
+import { A as AbstractSink, a as AbstractSource, B as Base, b as BaseProvider, c as BooleanStatus, C as ChannelData, d as CompoundTelemFactory, F as FixedNumber, e as FixedString, I as IterativeSeries, M as Mean, f as MultiSourceTransformer, N as NoopFactory, P as PipelineFactory, R as REGISTRY, g as RemoteFactory, S as Setpoint, h as SinkPipeline, i as SourcePipeline, j as StaticFactory, k as StreamChannelData, l as StreamChannelValue, m as StringifyNumber, T as TransformerFactory, U as UnarySinkTransformer, n as UnarySourceTransformer, W as WithinBounds, o as booleanSinkSpecZ, p as booleanSinkTransformerSpecZ, q as booleanSourceSpecZ, r as booleanSourceTransformerSpecZ, s as booleanStatus, t as booleanStatusProps, u as channelData, v as colorSourceSpecZ, w as factory, x as fixedArray, y as fixedNumber, z as fixedNumberPropsZ, D as fixedSeriesPropsZ, E as fixedString, G as fixedStringPropsZ, H as iterativeArray, J as iterativeSeriesPropsZ, K as mean, L as noopBooleanSinkSpec, O as noopBooleanSourceSpec, Q as noopColorSourceSpec, V as noopNumericSinkSpec, X as noopNumericSourceSpec, Y as noopStatusSourceSpec, Z as noopStringSourceSpec, _ as numberSinkSpecZ, $ as numberSourceSpecZ, a0 as providerStateZ, a1 as registerFactory, a2 as seriesSourceSpecZ, a3 as setProvider, a4 as setpoint, a5 as shouldUpdate, a6 as sinkPipeline, a7 as sinkPipelinePropsZ, a8 as sinkSpecZ, a9 as sinkTransformerSpecZ, aa as sourcePipeline, ab as sourcePipelinePropsZ, ac as sourceSpecZ, ad as sourceTransformerSpecZ, ae as specZ, af as statusSourceSpecZ, ag as streamChannelData, ah as streamChannelValue, ai as streamChannelValuePropsZ, aj as stringSourceSpecZ, ak as stringifyNumber, al as stringifyNumberProps, am as useProvider, an as useSink, ao as useSource, ap as withinBounds } from "./table-8MFXzE4C.js";
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AbstractSink,
+  AbstractSource,
+  Base,
+  BaseProvider,
+  BooleanStatus,
+  ChannelData,
+  CompoundTelemFactory,
+  FixedNumber,
+  FixedString,
+  IterativeSeries,
+  Mean,
+  MultiSourceTransformer,
+  NoopFactory,
+  PipelineFactory,
+  REGISTRY,
+  RemoteFactory,
+  Setpoint,
+  SinkPipeline,
+  SourcePipeline,
+  StaticFactory,
+  StreamChannelData,
+  StreamChannelValue,
+  StringifyNumber,
+  TransformerFactory,
+  UnarySinkTransformer,
+  UnarySourceTransformer,
+  WithinBounds,
+  booleanSinkSpecZ,
+  booleanSinkTransformerSpecZ,
+  booleanSourceSpecZ,
+  booleanSourceTransformerSpecZ,
+  booleanStatus,
+  booleanStatusProps,
+  channelData,
+  colorSourceSpecZ,
+  factory,
+  fixedArray,
+  fixedNumber,
+  fixedNumberPropsZ,
+  fixedSeriesPropsZ,
+  fixedString,
+  fixedStringPropsZ,
+  iterativeArray,
+  iterativeSeriesPropsZ,
+  mean,
+  noopBooleanSinkSpec,
+  noopBooleanSourceSpec,
+  noopColorSourceSpec,
+  noopNumericSinkSpec,
+  noopNumericSourceSpec,
+  noopStatusSourceSpec,
+  noopStringSourceSpec,
+  numberSinkSpecZ,
+  numberSourceSpecZ,
+  providerStateZ,
+  registerFactory,
+  seriesSourceSpecZ,
+  setProvider,
+  setpoint,
+  shouldUpdate,
+  sinkPipeline,
+  sinkPipelinePropsZ,
+  sinkSpecZ,
+  sinkTransformerSpecZ,
+  sourcePipeline,
+  sourcePipelinePropsZ,
+  sourceSpecZ,
+  sourceTransformerSpecZ,
+  specZ,
+  statusSourceSpecZ,
+  streamChannelData,
+  streamChannelValue,
+  streamChannelValuePropsZ,
+  stringSourceSpecZ,
+  stringifyNumber,
+  stringifyNumberProps,
+  useProvider,
+  useSink,
+  useSource,
+  withinBounds
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  external as e
+};
+//# sourceMappingURL=external-2Aicsb3l.js.map

package/dist/external-2Aicsb3l.js.map

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

package/dist/external-9Ncn2J9B.cjs

@@ -0,0 +1,93 @@
+"use strict";
+const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
+const React = require("react");
+const css = require("./css-V3VUT_Js.cjs");
+const Center = require("./Center-ZAcURh-3.cjs");
+const Toggle = require("./Toggle-eOKYw1OT.cjs");
+const Header = require("./Header-5YX6FUn6.cjs");
+const component = require("./component-joFaJiQW.cjs");
+const Actions = ({ children = [] }) => {
+  const { level, divided } = Header.useContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Center.Space,
+    {
+      direction: "x",
+      size: "small",
+      align: "center",
+      className: css.CSS.BE("header", "actions"),
+      children: css.toArray(children).map((action, i) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Action, { index: i, level, divided, children: action }, i))
+    }
+  );
+};
+const Action = ({ index, level, children, divided }) => {
+  let content = children;
+  if (!React.isValidElement(children)) {
+    const props = children;
+    content = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      Toggle.Icon,
+      {
+        onClick: (e) => {
+          var _a;
+          e.stopPropagation();
+          e.preventDefault();
+          (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+        },
+        size: component.LevelComponentSizes[level],
+        ...props
+      },
+      index
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(React.Fragment, { children: [
+    divided && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Divider, {}),
+    content
+  ] }, index);
+};
+const ButtonTitle = ({
+  children = "",
+  className,
+  onClick,
+  ...props
+}) => {
+  const { level } = Header.useContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Toggle.Button,
+    {
+      variant: "text",
+      size: component.LevelComponentSizes[level],
+      onClick,
+      className: css.CSS(css.CSS.B("header-button-title"), className),
+      sharp: true,
+      ...props,
+      children
+    }
+  );
+};
+const Title = ({
+  className,
+  level: propsLevel,
+  ...props
+}) => {
+  const { level, divided } = Header.useContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Toggle.WithIcon,
+    {
+      className: css.CSS(css.CSS.BE("header", "text"), className),
+      level: propsLevel ?? level,
+      divided,
+      ...props
+    }
+  );
+};
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Actions,
+  ButtonTitle,
+  Header: Header.Header,
+  Title,
+  useContext: Header.useContext
+}, Symbol.toStringTag, { value: "Module" }));
+exports.Actions = Actions;
+exports.ButtonTitle = ButtonTitle;
+exports.external = external;
+//# sourceMappingURL=external-9Ncn2J9B.cjs.map

package/dist/external-9Ncn2J9B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-9Ncn2J9B.cjs","sources":["../src/header/Actions.tsx","../src/header/ButtonTitle.tsx","../src/header/Title.tsx"],"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 { Fragment, isValidElement, type ReactElement } from \"react\";\n\nimport { toArray } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { Divider } from \"@/divider\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport type ActionSpec = Button.IconProps | ReactElement;\n\nexport interface ActionsProps {\n  children?: ActionSpec | ActionSpec[];\n}\n\n/**\n * Custom actions to render on the right side of the header.\n *\n * @param children - The actions to render. If the action is of type\n * {@link ButtonIconProps}, a correectly sized {@link ButtonIconOnly} is rendered\n * using the given props. If the action is a JSX element, it is renderered directly.\n * It's a good idea to prefer the latter in almost all cases for simplicity.\n */\nexport const Actions = ({ children = [] }: ActionsProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Align.Space\n      direction=\"x\"\n      size=\"small\"\n      align=\"center\"\n      className={CSS.BE(\"header\", \"actions\")}\n    >\n      {toArray(children).map((action, i) => (\n        <Action key={i} index={i} level={level} divided={divided}>\n          {action}\n        </Action>\n      ))}\n    </Align.Space>\n  );\n};\n\ninterface ActionProps {\n  index: number;\n  level: Text.Level;\n  children: ReactElement | Button.IconProps;\n  divided: boolean;\n}\n\nconst Action = ({ index, level, children, divided }: ActionProps): ReactElement => {\n  let content: ReactElement = children as ReactElement;\n  if (!isValidElement(children)) {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n    const props = children as Button.IconProps;\n    content = (\n      <Button.Icon\n        onClick={(e) => {\n          e.stopPropagation();\n          e.preventDefault();\n          props.onClick?.(e);\n        }}\n        key={index}\n        size={Text.LevelComponentSizes[level]}\n        {...props}\n      />\n    );\n  }\n  return (\n    <Fragment key={index}>\n      {divided && <Divider.Divider />}\n      {content}\n    </Fragment>\n  );\n};\n","// 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 ReactElement } from \"react\";\n\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface ButtonTitleProps\n  extends Omit<Button.ButtonProps, \"variant\" | \"size\"> {}\n\n/**\n * Header.Title.Use renders a clickable header title.\n *\n * @param props - The comonent props. The props for this component are identical\n * to {@link Button}, except the variant is always 'outlined' and that the component size\n * is automatically inferred from the 'level' prop passsed to the parent {@link Header}\n * component.\n */\nexport const ButtonTitle = ({\n  children = \"\",\n  className,\n  onClick,\n  ...props\n}: ButtonTitleProps): ReactElement => {\n  const { level } = useContext();\n  return (\n    <Button.Button\n      variant=\"text\"\n      size={Text.LevelComponentSizes[level]}\n      onClick={onClick}\n      className={CSS(CSS.B(\"header-button-title\"), className)}\n      sharp\n      {...props}\n    >\n      {children}\n    </Button.Button>\n  );\n};\n","// 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 ReactElement } from \"react\";\n\nimport { type Optional } from \"@synnaxlabs/x\";\n\nimport { CSS } from \"@/css\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface TitleProps\n  extends Optional<Omit<Text.WithIconProps, \"divided\">, \"level\"> {}\n\n/**\n * Renders the title for the header component.\n *\n * @param props - The component props. The props for this component are identical\n * to the {@link Typography.TextWithIcon} component, except that the 'level', and\n * 'divider' props are inherited from the parent {@link Header} component.\n */\nexport const Title = ({\n  className,\n  level: propsLevel,\n  ...props\n}: TitleProps): ReactElement => {\n  const { level, divided } = useContext();\n  return (\n    <Text.WithIcon\n      className={CSS(CSS.BE(\"header\", \"text\"), className)}\n      level={propsLevel ?? level}\n      divided={divided}\n      {...props}\n    />\n  );\n};\n"],"names":["useContext","jsx","Align.Space","CSS","toArray","isValidElement","Button.Icon","Text.LevelComponentSizes","Fragment","Divider.Divider","Button.Button","Text.WithIcon"],"mappings":";;;;;;;;AAkCO,MAAM,UAAU,CAAC,EAAE,WAAW,CAAA,QAAqC;AACxE,QAAM,EAAE,OAAO,QAAQ,IAAIA,OAAW,WAAA;AAEpC,SAAAC,2BAAA,kBAAA;AAAA,IAACC,OAAM;AAAA,IAAN;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWC,IAAA,IAAI,GAAG,UAAU,SAAS;AAAA,MAEpC,UAAQC,IAAA,QAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,MAC7BH,iDAAA,QAAA,EAAe,OAAO,GAAG,OAAc,SACrC,UAAA,OAAA,GADU,CAEb,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;AASA,MAAM,SAAS,CAAC,EAAE,OAAO,OAAO,UAAU,cAAyC;AACjF,MAAI,UAAwB;AACxB,MAAA,CAACI,MAAAA,eAAe,QAAQ,GAAG;AAE7B,UAAM,QAAQ;AAEZ,cAAAJ,2BAAA,kBAAA;AAAA,MAACK,OAAO;AAAA,MAAP;AAAA,QACC,SAAS,CAAC,MAAM;;AACd,YAAE,gBAAgB;AAClB,YAAE,eAAe;AACjB,sBAAM,YAAN,+BAAgB;AAAA,QAClB;AAAA,QAEA,MAAMC,UAAK,oBAAoB,KAAK;AAAA,QACnC,GAAG;AAAA,MAAA;AAAA,MAFC;AAAA,IAAA;AAAA,EAKX;AACA,2DACGC,gBACE,EAAA,UAAA;AAAA,IAAW,WAAAP,2BAAAA,kBAAAA,IAACQ,OAAQ,SAAR,EAAgB;AAAA,IAC5B;AAAA,EAAA,EAAA,GAFY,KAGf;AAEJ;ACxDO,MAAM,cAAc,CAAC;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAsC;AAC9B,QAAA,EAAE,UAAUT,OAAAA;AAEhB,SAAAC,2BAAA,kBAAA;AAAA,IAACS,OAAO;AAAA,IAAP;AAAA,MACC,SAAQ;AAAA,MACR,MAAMH,UAAK,oBAAoB,KAAK;AAAA,MACpC;AAAA,MACA,WAAWJ,IAAI,IAAAA,IAAA,IAAI,EAAE,qBAAqB,GAAG,SAAS;AAAA,MACtD,OAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;ACnBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAgC;AAC9B,QAAM,EAAE,OAAO,QAAQ,IAAIH,OAAW,WAAA;AAEpC,SAAAC,2BAAA,kBAAA;AAAA,IAACU,OAAK;AAAA,IAAL;AAAA,MACC,WAAWR,IAAI,IAAAA,QAAI,GAAG,UAAU,MAAM,GAAG,SAAS;AAAA,MAClD,OAAO,cAAc;AAAA,MACrB;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;;;;;;;;;;"}

package/dist/external-9RCzxzgZ.js

@@ -0,0 +1,30 @@
+import { d as CoreDateTime, e as DateTime, E as Editable, L as Link, M as MaybeEditable, f as Symbols, g as Text, W as WithIcon, h as edit, i as formatChildren } from "./Toggle-kLunfJtR.js";
+import { d as dimensions } from "./dimensions-guJ5PHmb.js";
+import { K as Keyboard } from "./Keyboard-mE03PKwA.js";
+import { C as ComponentSizeLevels, L as LEVELS, c as LevelComponentSizes, l as levelZ, d as specZ } from "./component-k78Jq9I7.js";
+import { S as SelectLevel } from "./SelectLevel-cewIWtOv.js";
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ComponentSizeLevels,
+  CoreDateTime,
+  DateTime,
+  Editable,
+  Keyboard,
+  LEVELS,
+  LevelComponentSizes,
+  Link,
+  MaybeEditable,
+  SelectLevel,
+  Symbols,
+  Text,
+  WithIcon,
+  dimensions,
+  edit,
+  formatChildren,
+  levelZ,
+  specZ
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  external as e
+};
+//# sourceMappingURL=external-9RCzxzgZ.js.map

package/dist/external-9RCzxzgZ.js.map

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

package/dist/external-9pS8-DvV.js

@@ -0,0 +1,15 @@
+import { B as Button, C as Core, I as Icon, T as Toggle, c as ToggleIcon } from "./Toggle-kLunfJtR.js";
+import { L as Link } from "./Link-laNlv47N.js";
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Button,
+  Core,
+  Icon,
+  Link,
+  Toggle,
+  ToggleIcon
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  external as e
+};
+//# sourceMappingURL=external-9pS8-DvV.js.map

package/dist/external-9pS8-DvV.js.map

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

package/dist/external-KxlyA74C.js

@@ -0,0 +1,20 @@
+import { j as Date, k as DragButton, N as Numeric, l as Switch, m as Text, n as Time, o as combineDateAndTimeValue } from "./Toggle-kLunfJtR.js";
+import { H as HelpText, I as Item, a as ItemControlled, L as Label } from "./Item-owLU4Xop.js";
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Date,
+  DragButton,
+  HelpText,
+  Item,
+  ItemControlled,
+  Label,
+  Numeric,
+  Switch,
+  Text,
+  Time,
+  combineDateAndTimeValue
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  external as e
+};
+//# sourceMappingURL=external-KxlyA74C.js.map

package/dist/external-KxlyA74C.js.map

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

package/dist/external-OSLzuRs1.cjs

@@ -0,0 +1,14 @@
+"use strict";
+const Center = require("./Center-ZAcURh-3.cjs");
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ALIGNMENTS: Center.ALIGNMENTS,
+  Center: Center.Center,
+  CoreCenter: Center.CoreCenter,
+  JUSTIFICATIONS: Center.JUSTIFICATIONS,
+  Pack: Center.Pack,
+  Space: Center.Space,
+  shouldReverse: Center.shouldReverse
+}, Symbol.toStringTag, { value: "Module" }));
+exports.external = external;
+//# sourceMappingURL=external-OSLzuRs1.cjs.map

package/dist/external-OSLzuRs1.cjs.map

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

package/dist/external-PS3nzqUn.cjs

@@ -0,0 +1,23 @@
+"use strict";
+const Toggle = require("./Toggle-eOKYw1OT.cjs");
+const font = require("./font-wlgaMRYN.cjs");
+const component = require("./component-joFaJiQW.cjs");
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Provider: Toggle.Provider,
+  Switch: Toggle.Switch,
+  get Theming() {
+    return external;
+  },
+  synnaxDark: component.synnaxDark,
+  synnaxLight: component.synnaxLight,
+  themeZ: component.themeZ,
+  themes: component.themes,
+  toCSSVars: Toggle.toCSSVars,
+  use: Toggle.use,
+  useContext: Toggle.useContext,
+  useProvider: Toggle.useProvider,
+  useTypography: font.useTypography
+}, Symbol.toStringTag, { value: "Module" }));
+exports.external = external;
+//# sourceMappingURL=external-PS3nzqUn.cjs.map

package/dist/external-PS3nzqUn.cjs.map

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

package/dist/external-QRmqSjV0.js

@@ -0,0 +1,18 @@
+import { C as Column, a as Context, b as Core, F as Filter, H as Hover, L as List, P as Provider, S as Search, c as Selector, u as useContext } from "./TimeRangeChip-eDCX5pUC.js";
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Column,
+  Context,
+  Core,
+  Filter,
+  Hover,
+  List,
+  Provider,
+  Search,
+  Selector,
+  useContext
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  external as e
+};
+//# sourceMappingURL=external-QRmqSjV0.js.map

package/dist/external-QRmqSjV0.js.map

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

package/dist/external-QuVTCnGl.js

@@ -0,0 +1,71 @@
+import { q as useContext, r as Text$1, f as Symbols, s as Icon$1, A as ALPHANUMERIC_KEYS, v as ALPHANUMERIC_KEYS_SET, K as KEYS, w as MOUSE_KEYS, x as Provider, y as compareModeConfigs, z as determineMode, F as diff, G as eventKey, H as filter, J as flattenConfig, O as keyZ, Q as keyboardKey, R as match, U as mouseKey, V as mouseKeyZ, X as purge, Y as purgeMouse, Z as triggerZ, p as use, _ as useFlattenedMemoConfig, $ as useHeld, a0 as useHeldRef } from "./Toggle-kLunfJtR.js";
+import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
+import { useState, useEffect } from "react";
+import "./component-k78Jq9I7.js";
+import { u as useDrag } from "./useDrag-rQt5hv4R.js";
+import { S as Space } from "./Center-gEKkAkdh.js";
+import "./css-NTD4Xm8x.js";
+import { K as Keyboard } from "./Keyboard-mE03PKwA.js";
+const Status = (props) => {
+  const { listen } = useContext();
+  const [trigger, setTrigger] = useState([]);
+  useEffect(
+    () => listen(({ next: [trigger2] }) => setTrigger(trigger2 ?? [])),
+    [listen, setTrigger]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Text$1, { hideIcon: true, ...props, children: trigger.join(" ") });
+};
+const Text = ({
+  className,
+  style,
+  trigger,
+  ...props
+}) => {
+  const CUSTOM_TEXT = {
+    Control: /* @__PURE__ */ jsxRuntimeExports.jsx(Symbols.Meta, {}),
+    Alt: /* @__PURE__ */ jsxRuntimeExports.jsx(Symbols.Alt, {}),
+    Shift: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Keyboard.Shift, {}),
+    MouseLeft: "Left Click",
+    MouseRight: "Right Click",
+    MouseMiddle: "Middle Click"
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { className, style, direction: "x", children: trigger.map((t) => (
+    // @ts-expect-error
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Keyboard, { ...props, children: CUSTOM_TEXT[t] ?? t }, t)
+  )) });
+};
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ALPHANUMERIC_KEYS,
+  ALPHANUMERIC_KEYS_SET,
+  KEYS,
+  MOUSE_KEYS,
+  Provider,
+  Status,
+  Text,
+  compareModeConfigs,
+  determineMode,
+  diff,
+  eventKey,
+  filter,
+  flattenConfig,
+  keyZ,
+  keyboardKey,
+  match,
+  mouseKey,
+  mouseKeyZ,
+  purge,
+  purgeMouse,
+  triggerZ,
+  use,
+  useContext,
+  useDrag,
+  useFlattenedMemoConfig,
+  useHeld,
+  useHeldRef
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Text as T,
+  external as e
+};
+//# sourceMappingURL=external-QuVTCnGl.js.map

package/dist/external-QuVTCnGl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-QuVTCnGl.js","sources":["../src/triggers/Status.tsx","../src/triggers/Text.tsx"],"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 ReactElement, useEffect, useState } from \"react\";\n\nimport { Status as CoreStatus } from \"@/status\";\nimport { useContext } from \"@/triggers/Provider\";\nimport { type Trigger } from \"@/triggers/triggers\";\n\nexport interface StatusProps extends CoreStatus.TextProps {}\n\nexport const Status = (props: StatusProps): ReactElement => {\n  const { listen } = useContext();\n  const [trigger, setTrigger] = useState<Trigger>([]);\n\n  useEffect(\n    () => listen(({ next: [trigger] }) => setTrigger(trigger ?? [])),\n    [listen, setTrigger],\n  );\n\n  return (\n    <CoreStatus.Text hideIcon {...props}>\n      {trigger.join(\" \")}\n    </CoreStatus.Text>\n  );\n};\n","// 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 ReactElement } from \"react\";\n\nimport { Icon } from \"@synnaxlabs/media\";\n\nimport { Align } from \"@/align\";\nimport { Text as Core } from \"@/text\";\nimport { type Key, type Trigger } from \"@/triggers/triggers\";\n\nexport type TextProps<L extends Core.Level> = Core.KeyboardProps<L> & {\n  trigger: Trigger;\n};\n\nexport const Text = <L extends Core.Level>({\n  className,\n  style,\n  trigger,\n  ...props\n}: TextProps<L>): ReactElement => {\n  const CUSTOM_TEXT: Partial<Record<Key, ReactElement | string>> = {\n    Control: <Core.Symbols.Meta />,\n    Alt: <Core.Symbols.Alt />,\n    Shift: <Icon.Keyboard.Shift />,\n    MouseLeft: \"Left Click\",\n    MouseRight: \"Right Click\",\n    MouseMiddle: \"Middle Click\",\n  };\n  return (\n    <Align.Space className={className} style={style} direction=\"x\">\n      {trigger.map((t) => (\n        // @ts-expect-error\n        <Core.Keyboard<L> key={t} {...props}>\n          {CUSTOM_TEXT[t] ?? t}\n        </Core.Keyboard>\n      ))}\n    </Align.Space>\n  );\n};\n"],"names":["trigger","jsx","CoreStatus.Text","Core.Symbols","Icon","Align.Space","Core.Keyboard"],"mappings":";;;;;;;;AAiBa,MAAA,SAAS,CAAC,UAAqC;AACpD,QAAA,EAAE,WAAW;AACnB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,CAAE,CAAA;AAElD;AAAA,IACE,MAAM,OAAO,CAAC,EAAE,MAAM,CAACA,QAAO,EAAA,MAAQ,WAAWA,YAAW,CAAA,CAAE,CAAC;AAAA,IAC/D,CAAC,QAAQ,UAAU;AAAA,EAAA;AAInB,SAAAC,sCAACC,QAAA,EAAgB,UAAQ,MAAE,GAAG,OAC3B,UAAA,QAAQ,KAAK,GAAG,EACnB,CAAA;AAEJ;ACVO,MAAM,OAAO,CAAuB;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,QAAM,cAA2D;AAAA,IAC/D,SAASD,kCAAA,IAACE,QAAa,MAAb,CAAA,CAAkB;AAAA,IAC5B,KAAKF,kCAAA,IAACE,QAAa,KAAb,CAAA,CAAiB;AAAA,IACvB,OAAOF,kCAAAA,IAACG,OAAK,SAAS,OAAd,CAAA,CAAoB;AAAA,IAC5B,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAGb,SAAAH,sCAACI,OAAA,EAAY,WAAsB,OAAc,WAAU,KACxD,UAAQ,QAAA,IAAI,CAAC;AAAA;AAAA,IAEZJ,sCAACK,UAAA,EAA0B,GAAG,OAC3B,UAAY,YAAA,CAAC,KAAK,EAAA,GADE,CAEvB;AAAA,GACD,EACH,CAAA;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}