@synnaxlabs/pluto 0.21.9 → 0.23.0

package/dist/tabs.cjs

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const external = require("./external-Iv2mRce8.cjs");
-exports.Tabs = external.external;
-//# sourceMappingURL=tabs.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-WzX6JA2j.cjs");exports.Tabs=e.external;

package/dist/tabs.js

@@ -1,5 +1,4 @@
-import { e } from "./external-CAOQcoqL.js";
+import { e as o } from "./external-fg-pJfZR.js";
 export {
-  e as Tabs
+  o as Tabs
 };
-//# sourceMappingURL=tabs.js.map

package/dist/text.cjs

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("./Toggle-D3iCEbO1.cjs");
-const external = require("./external-DjYXzP7v.cjs");
-exports.Text = external.external;
-//# sourceMappingURL=text.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./Toggle-BBGPiXIA.cjs");const e=require("./external-vZfda3xX.cjs");exports.Text=e.external;

package/dist/text.js

@@ -1,6 +1,5 @@
-import "./Toggle-bT5RpwfA.js";
-import { e } from "./external-FWIwgLzc.js";
+import "./Toggle-W4K3cLf7.js";
+import { e as t } from "./external-B39SmpRo.js";
 export {
-  e as Text
+  t as Text
 };
-//# sourceMappingURL=text.js.map

package/dist/theming.cjs

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("./Toggle-D3iCEbO1.cjs");
-const external = require("./external-DhPBdJpR.cjs");
-exports.Theming = external.external;
-//# sourceMappingURL=theming.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./Toggle-BBGPiXIA.cjs");const e=require("./external-DjjMU4Z6.cjs");exports.Theming=e.external;

package/dist/theming.js

@@ -1,6 +1,5 @@
-import "./Toggle-bT5RpwfA.js";
-import { e } from "./external-BYqTC99W.js";
+import "./Toggle-W4K3cLf7.js";
+import { e as r } from "./external-XoJlPNFB.js";
 export {
-  e as Theming
+  r as Theming
 };
-//# sourceMappingURL=theming.js.map

package/dist/tree.cjs

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const external = require("./external-Df0D1YYb.cjs");
-exports.Tree = external.external;
-//# sourceMappingURL=tree.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-vgqH7hLg.cjs");exports.Tree=e.external;

package/dist/tree.js

@@ -1,5 +1,4 @@
-import { e } from "./external-CwjCCHPi.js";
+import { e as o } from "./external-CyiLaYmg.js";
 export {
-  e as Tree
+  o as Tree
 };
-//# sourceMappingURL=tree.js.map

package/dist/triggers.cjs

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const external = require("./external-9_cqFQy3.cjs");
-exports.Triggers = external.external;
-//# sourceMappingURL=triggers.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-DrS33VU5.cjs");exports.Triggers=e.external;

package/dist/triggers.js

@@ -1,5 +1,4 @@
-import { e } from "./external-BM82B8W2.js";
+import { e as g } from "./external-B-CtJFCn.js";
 export {
-  e as Triggers
+  g as Triggers
 };
-//# sourceMappingURL=triggers.js.map

package/dist/units-BsHX82D_.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./css-DZx3bWkH.cjs"),c=(t,e,s)=>Object.fromEntries(s.map(r=>[`${t}-${r}`,new a.Color(e).setAlpha(r).hex])),i=(t,e)=>`${t}${e}`;exports.createHexOpacityVariants=c;exports.unitProperty=i;

package/dist/units-DechjShe.js

@@ -0,0 +1,8 @@
+import { a as o } from "./css-TXuXKs3A.js";
+const c = (t, a, r) => Object.fromEntries(
+  r.map((e) => [`${t}-${e}`, new o(a).setAlpha(e).hex])
+), n = (t, a) => `${t}${a}`;
+export {
+  c,
+  n as u
+};

package/dist/video.cjs

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Video = require("./Video-B4sma9fk.cjs");
-exports.Video = Video.Video;
-//# sourceMappingURL=video.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Video-Kb-c-N69.cjs");exports.Video=e.Video;

package/dist/video.js

@@ -1,5 +1,4 @@
-import { V } from "./Video-Cp6XjjOK.js";
+import { V as r } from "./Video-C2EYBKLN.js";
 export {
-  V as Video
+  r as Video
 };
-//# sourceMappingURL=video.js.map

package/package.json

@@ -1,61 +1,52 @@
 {
   "name": "@synnaxlabs/pluto",
-  "private": false,
-  "version": "0.21.9",
+  "version": "0.23.0",
   "type": "module",
   "dependencies": {
     "@fontsource-variable/inter": "^5.0.17",
-    "@hookform/resolvers": "^3.3.4",
-    "@tanstack/react-virtual": "3.2.1",
+    "@tanstack/react-virtual": "3.0.0-beta.54",
     "async-mutex": "^0.5.0",
     "clsx": "^2.1.0",
     "d3-scale": "^4.0.2",
     "fuse.js": "^7.0.0",
     "mathjs": "^12.4.1",
-    "nanoid": "^5.0.7",
-    "proxy-memoize": "2.0.5",
+    "nanoid": "^3.0.0",
+    "proxy-memoize": "1.2.0",
     "react": "^18.2.0",
     "react-color": "^2.19.3",
-    "react-dom": "^18.2.0",
     "react-query": "^3.39.3",
-    "react-reverse-portal": "^2.1.2",
     "reactflow": "^11.11.2",
-    "zod": "3.22.4",
-    "@synnaxlabs/alamos": "0.3.0",
+    "zod": "3.23.8",
+    "@synnaxlabs/alamos": "0.23.0",
+    "@synnaxlabs/client": "0.23.0",
     "@synnaxlabs/media": "0.2.0",
-    "@synnaxlabs/client": "0.22.1",
-    "@synnaxlabs/x": "0.16.0"
+    "@synnaxlabs/x": "0.23.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.4",
+    "react-dom": "^18.2.0",
     "@juggle/resize-observer": "^3.4.0",
     "@testing-library/react": "^15.0.2",
     "@testing-library/user-event": "^14.5.2",
-    "@types/d3": "^7.4.3",
     "@types/d3-scale": "^4.0.8",
     "@types/offscreencanvas": "^2019.7.3",
     "@types/react": "^18.2.78",
     "@types/react-color": "^3.0.12",
     "@types/react-dom": "^18.2.25",
-    "@types/uuid": "^9.0.8",
     "@types/webgl2": "^0.0.11",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^4.3.0",
     "@vitest/coverage-v8": "^1.5.0",
-    "@vitest/ui": "^1.5.0",
-    "babel-loader": "^9.1.3",
-    "eslint": "^9.0.0",
     "jsdom": "^24.0.0",
-    "prettier": "3.2.5",
-    "react-icons": "^5.0.1",
-    "typescript": "^5.4.5",
-    "vite": "5.2.8",
-    "vite-tsconfig-paths": "4.3.2",
     "vitest": "^1.5.0",
+    "typescript": "^5.4.5",
+    "vite": "5.2.11",
     "@synnaxlabs/tsconfig": "0.0.2",
     "@synnaxlabs/vite-plugin": "0.0.1",
     "eslint-config-synnaxlabs": "0.0.1",
     "stylelint-config-synnaxlabs": "0.0.1"
   },
+  "peerDependencies": {
+    "zod": "^3.23.8"
+  },
   "files": [
     "dist"
   ],

package/dist/Center-BK9Rcaa0.js

@@ -1,149 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
-import { forwardRef, createElement } from "react";
-import { d as f, C as CSS } from "./css-DKKmdhSr.js";
-const CoreElement = ({ el, children, ...props }, ref) => createElement(el, { ...props, ref }, children);
-const Element = forwardRef(CoreElement);
-const Generic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Element
-}, Symbol.toStringTag, { value: "Module" }));
-const ALIGNMENTS = ["start", "center", "end", "stretch"];
-const JUSTIFICATIONS = [
-  "start",
-  "center",
-  "end",
-  "spaceBetween",
-  "spaceAround",
-  "spaceEvenly"
-];
-const shouldReverse = (direction2, reverse) => reverse ?? (direction2 === "right" || direction2 === "bottom");
-const CoreSpace = ({
-  style,
-  align,
-  className,
-  grow,
-  shrink,
-  empty = false,
-  size = "medium",
-  justify = "start",
-  reverse,
-  direction: direction_ = "y",
-  wrap = false,
-  bordered = false,
-  rounded = false,
-  el = "div",
-  ...props
-}, ref) => {
-  const dir = f.construct(direction_);
-  reverse = shouldReverse(direction_, reverse);
-  let gap;
-  if (empty)
-    [size, gap] = [0, 0];
-  else if (typeof size === "number")
-    gap = `${size}rem`;
-  style = {
-    gap,
-    flexDirection: flexDirection(dir, reverse),
-    justifyContent: justifications[justify],
-    alignItems: align,
-    flexWrap: wrap ? "wrap" : "nowrap",
-    ...style
-  };
-  if (grow != null)
-    style.flexGrow = Number(grow);
-  if (shrink != null)
-    style.flexShrink = Number(shrink);
-  return (
-    // @ts-expect-error - TODO: fix generic element props
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Element,
-      {
-        el,
-        ref,
-        className: CSS(
-          CSS.B("space"),
-          CSS.dir(dir),
-          CSS.bordered(bordered),
-          CSS.rounded(rounded),
-          typeof size === "string" && CSS.BM("space", size),
-          className
-        ),
-        style,
-        ...props
-      }
-    )
-  );
-};
-CoreSpace.displayName = "Space";
-const Space = forwardRef(CoreSpace);
-const flexDirection = (direction2, reverse) => {
-  const base = direction2 === "x" ? "row" : "column";
-  return reverse ? base + "-reverse" : base;
-};
-const justifications = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  spaceBetween: "space-between",
-  spaceAround: "space-around",
-  spaceEvenly: "space-evenly"
-};
-const CorePack = ({
-  className,
-  size = "medium",
-  reverse = false,
-  direction = "x",
-  bordered = true,
-  rounded = true,
-  shadow = false,
-  ...props
-}, ref) => (
-  // @ts-expect-error
-  /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Space,
-    {
-      ref,
-      direction,
-      reverse,
-      className: CSS(
-        CSS.B("pack"),
-        shadow && CSS.BM("pack", "shadow"),
-        CSS.dir(direction),
-        typeof size !== "number" && CSS.BM("pack", size),
-        reverse && CSS.BM("pack", "reverse"),
-        className
-      ),
-      bordered,
-      rounded,
-      ...props,
-      empty: true
-    }
-  )
-);
-const Pack = forwardRef(CorePack);
-const CoreCenter = ({ className, justify = "center", align = "center", ...props }, ref) => (
-  // @ts-expect-error
-  /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Space,
-    {
-      ref,
-      justify,
-      align,
-      className: CSS(CSS.BM("space", "centered"), className),
-      ...props
-    }
-  )
-);
-const Center = forwardRef(CoreCenter);
-export {
-  ALIGNMENTS as A,
-  Center as C,
-  Element as E,
-  Generic as G,
-  JUSTIFICATIONS as J,
-  Pack as P,
-  Space as S,
-  CoreCenter as a,
-  shouldReverse as s
-};
-//# sourceMappingURL=Center-BK9Rcaa0.js.map

package/dist/Center-BK9Rcaa0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Center-BK9Rcaa0.js","sources":["../src/generic/Generic.tsx","../src/align/Space.tsx","../src/align/Pack.tsx","../src/align/Center.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 {\n  type ComponentPropsWithRef,\n  createElement,\n  type ForwardedRef,\n  forwardRef,\n  type ReactElement,\n} from \"react\";\n\nexport type JSXElementType = keyof JSX.IntrinsicElements;\n\nconst CoreElement = <E extends JSXElementType>(\n  { el, children, ...props }: ElementProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => createElement(el, { ...props, ref }, children);\n\nexport type ElementProps<E extends JSXElementType> = ComponentPropsWithRef<E> & {\n  el: E;\n};\n\n/**\n * Generic renders a component with the given element type .\n *\n * @param props - Props for the generic component. All props not defined below are passed to\n * the underlying element.\n * @param props.el - The element type to render.\n */\nexport const Element = forwardRef(CoreElement) as <E extends JSXElementType>(\n  props: ElementProps<E>,\n) => ReactElement;\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 {\n  type CSSProperties,\n  type ForwardedRef,\n  type ReactElement,\n  forwardRef,\n} from \"react\";\n\nimport { direction } from \"@synnaxlabs/x/spatial\";\n\nimport { CSS } from \"@/css\";\nimport { Generic } from \"@/generic\";\nimport { type ComponentSize } from \"@/util/component\";\n\nimport \"@/align/Space.css\";\n\n/** All possible alignments for the cross axis of a space */\nexport const ALIGNMENTS = [\"start\", \"center\", \"end\", \"stretch\"] as const;\n\n/** The alignments for the cross axis of a space */\nexport type Alignment = (typeof ALIGNMENTS)[number];\n\n/** All possible justifications for the main axis of a space */\nexport const JUSTIFICATIONS = [\n  \"start\",\n  \"center\",\n  \"end\",\n  \"spaceBetween\",\n  \"spaceAround\",\n  \"spaceEvenly\",\n] as const;\n\n/** The justification for the main axis of a space */\nexport type Justification = (typeof JUSTIFICATIONS)[number];\n\nexport type SpaceElementType =\n  | \"div\"\n  | \"header\"\n  | \"nav\"\n  | \"section\"\n  | \"article\"\n  | \"aside\"\n  | \"footer\"\n  | \"button\"\n  | \"dialog\"\n  | \"a\"\n  | \"form\";\n\nexport interface SpaceExtensionProps {\n  empty?: boolean;\n  size?: ComponentSize | number;\n  direction?: direction.Crude;\n  reverse?: boolean;\n  justify?: Justification;\n  align?: Alignment;\n  grow?: boolean | number;\n  shrink?: boolean | number;\n  wrap?: boolean;\n  el?: SpaceElementType;\n  bordered?: boolean;\n  rounded?: boolean;\n}\n\nexport type SpaceProps<E extends SpaceElementType = \"div\"> = Omit<\n  Generic.ElementProps<E>,\n  \"el\"\n> &\n  SpaceExtensionProps;\n\nexport const shouldReverse = (direction: direction.Crude, reverse?: boolean): boolean =>\n  reverse ?? (direction === \"right\" || direction === \"bottom\");\n\nconst CoreSpace = <E extends SpaceElementType>(\n  {\n    style,\n    align,\n    className,\n    grow,\n    shrink,\n    empty = false,\n    size = \"medium\",\n    justify = \"start\",\n    reverse,\n    direction: direction_ = \"y\",\n    wrap = false,\n    bordered = false,\n    rounded = false,\n    el = \"div\",\n    ...props\n  }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => {\n  const dir = direction.construct(direction_);\n  reverse = shouldReverse(direction_, reverse);\n\n  let gap: number | string | undefined;\n  if (empty) [size, gap] = [0, 0];\n  else if (typeof size === \"number\") gap = `${size}rem`;\n\n  style = {\n    gap,\n    flexDirection: flexDirection(dir, reverse),\n    justifyContent: justifications[justify],\n    alignItems: align,\n    flexWrap: wrap ? \"wrap\" : \"nowrap\",\n    ...style,\n  };\n\n  if (grow != null) style.flexGrow = Number(grow);\n  if (shrink != null) style.flexShrink = Number(shrink);\n\n  return (\n    // @ts-expect-error - TODO: fix generic element props\n    <Generic.Element<E>\n      el={el}\n      ref={ref}\n      className={CSS(\n        CSS.B(\"space\"),\n        CSS.dir(dir),\n        CSS.bordered(bordered),\n        CSS.rounded(rounded),\n        typeof size === \"string\" && CSS.BM(\"space\", size),\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n};\nCoreSpace.displayName = \"Space\";\n\n/**\n * A component that orients its children in a row or column and adds\n * space between them. This is essentially a thin wrapped around a\n * flex component that makes it more 'reacty' to use.\n *\n * @param props - The props for the component. All unlisted props will be passed\n * to the underlying root element.\n * @param props.align - The off axis alignment of the children. The 'off' axis is the\n * opposite direction of props.direction. For example, if direction is 'x', then the\n * off axis is 'y'. See the {@link Alignment} for available options.\n * @param props.justify - The main axis justification of the children. The 'main' axis\n * is the same direction as props.direction. For example, if direction is 'x', then the\n * main axis is 'x'. See the {@link Justification} for available options.\n * @param props.grow - A boolean or number value that determines if the space should\n * grow in the flex-box sense. A value of true will set css flex-grow to 1. A value of\n * false will leave the css flex-grow unset. A number value will set the css flex-grow\n * to that number.\n * @param props.size - A string or number value that determines the amount of spacing\n * between items. If set to \"small\", \"medium\", or \"large\", the spacing will be determined\n * by the theme. If set to a number, the spacing will be that number of rem.\n * @param props.wrap - A boolean value that determines if the space should wrap its\n * children.\n * @param props.el - The element type to render as. Defaults to 'div'.\n */\nexport const Space = forwardRef(CoreSpace) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n\ntype FlexDirection = CSSProperties[\"flexDirection\"];\n\nconst flexDirection = (\n  direction: direction.Direction,\n  reverse: boolean,\n): FlexDirection => {\n  const base = direction === \"x\" ? \"row\" : \"column\";\n  return reverse ? ((base + \"-reverse\") as FlexDirection) : base;\n};\n\nconst justifications: Record<Justification, CSSProperties[\"justifyContent\"]> = {\n  start: \"flex-start\",\n  center: \"center\",\n  end: \"flex-end\",\n  spaceBetween: \"space-between\",\n  spaceAround: \"space-around\",\n  spaceEvenly: \"space-evenly\",\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Pack.css\";\n\n/** Props for the {@link Pack} component. */\nexport type PackProps<E extends SpaceElementType = \"div\"> = Omit<\n  SpaceProps<E>,\n  \"empty\"\n> & {\n  shadow?: boolean;\n};\n\nconst CorePack = <E extends SpaceElementType = \"div\">(\n  {\n    className,\n    size = \"medium\",\n    reverse = false,\n    direction = \"x\",\n    bordered = true,\n    rounded = true,\n    shadow = false,\n    ...props\n  }: PackProps<E>,\n  // select the correct type for the ref\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    direction={direction}\n    reverse={reverse}\n    className={CSS(\n      CSS.B(\"pack\"),\n      shadow && CSS.BM(\"pack\", \"shadow\"),\n      CSS.dir(direction),\n      typeof size !== \"number\" && CSS.BM(\"pack\", size),\n      reverse && CSS.BM(\"pack\", \"reverse\"),\n      className,\n    )}\n    bordered={bordered}\n    rounded={rounded}\n    {...props}\n    empty\n  />\n);\n\n/**\n * Packs elements together, setting their size and styling the borders between them so\n * that they appear as a single element. This is useful for buttons that represent a\n * selection state, for example.\n *\n * @param props - The props for the pack. Any extra props will be passed to the\n * underlying Space component.\n * @param props.children - The children to pack together. These must satisfy the\n * {@link PackChildProps} interface.\n * @param props.direction - The direction to pack the children in. Defaults to\n * \"x\".\n * @param props.size - The size to set on the children. Any sizes already set on the\n * children will be overridden. Defaults to \"medium\".\n * @param props.el  - The element type to use as the root element for the Pack.\n * Defaults to \"div\".\n */\nexport const Pack = forwardRef(CorePack) as <E extends SpaceElementType = \"div\">(\n  props: PackProps<E>,\n) => ReactElement;\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Center.css\";\n\nexport const CoreCenter = <E extends SpaceElementType = \"div\">(\n  { className, justify = \"center\", align = \"center\", ...props }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    justify={justify}\n    align={align}\n    className={CSS(CSS.BM(\"space\", \"centered\"), className)}\n    {...props}\n  />\n);\n\n/**\n * An element whose width and height is 100% and whose alignment and justification\n * is centered. Props are the same as {@link Space}.\n */\nexport const Center = forwardRef(CoreCenter) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n"],"names":["direction","jsx","Generic.Element"],"mappings":"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"}

package/dist/Center-Cc_rR5pQ.cjs

@@ -1,148 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
-const React = require("react");
-const css = require("./css-Ci8WUD5E.cjs");
-const CoreElement = ({ el, children, ...props }, ref) => React.createElement(el, { ...props, ref }, children);
-const Element = React.forwardRef(CoreElement);
-const Generic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Element
-}, Symbol.toStringTag, { value: "Module" }));
-const ALIGNMENTS = ["start", "center", "end", "stretch"];
-const JUSTIFICATIONS = [
-  "start",
-  "center",
-  "end",
-  "spaceBetween",
-  "spaceAround",
-  "spaceEvenly"
-];
-const shouldReverse = (direction2, reverse) => reverse ?? (direction2 === "right" || direction2 === "bottom");
-const CoreSpace = ({
-  style,
-  align,
-  className,
-  grow,
-  shrink,
-  empty = false,
-  size = "medium",
-  justify = "start",
-  reverse,
-  direction: direction_ = "y",
-  wrap = false,
-  bordered = false,
-  rounded = false,
-  el = "div",
-  ...props
-}, ref) => {
-  const dir = css.f.construct(direction_);
-  reverse = shouldReverse(direction_, reverse);
-  let gap;
-  if (empty)
-    [size, gap] = [0, 0];
-  else if (typeof size === "number")
-    gap = `${size}rem`;
-  style = {
-    gap,
-    flexDirection: flexDirection(dir, reverse),
-    justifyContent: justifications[justify],
-    alignItems: align,
-    flexWrap: wrap ? "wrap" : "nowrap",
-    ...style
-  };
-  if (grow != null)
-    style.flexGrow = Number(grow);
-  if (shrink != null)
-    style.flexShrink = Number(shrink);
-  return (
-    // @ts-expect-error - TODO: fix generic element props
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      Element,
-      {
-        el,
-        ref,
-        className: css.CSS(
-          css.CSS.B("space"),
-          css.CSS.dir(dir),
-          css.CSS.bordered(bordered),
-          css.CSS.rounded(rounded),
-          typeof size === "string" && css.CSS.BM("space", size),
-          className
-        ),
-        style,
-        ...props
-      }
-    )
-  );
-};
-CoreSpace.displayName = "Space";
-const Space = React.forwardRef(CoreSpace);
-const flexDirection = (direction2, reverse) => {
-  const base = direction2 === "x" ? "row" : "column";
-  return reverse ? base + "-reverse" : base;
-};
-const justifications = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  spaceBetween: "space-between",
-  spaceAround: "space-around",
-  spaceEvenly: "space-evenly"
-};
-const CorePack = ({
-  className,
-  size = "medium",
-  reverse = false,
-  direction = "x",
-  bordered = true,
-  rounded = true,
-  shadow = false,
-  ...props
-}, ref) => (
-  // @ts-expect-error
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Space,
-    {
-      ref,
-      direction,
-      reverse,
-      className: css.CSS(
-        css.CSS.B("pack"),
-        shadow && css.CSS.BM("pack", "shadow"),
-        css.CSS.dir(direction),
-        typeof size !== "number" && css.CSS.BM("pack", size),
-        reverse && css.CSS.BM("pack", "reverse"),
-        className
-      ),
-      bordered,
-      rounded,
-      ...props,
-      empty: true
-    }
-  )
-);
-const Pack = React.forwardRef(CorePack);
-const CoreCenter = ({ className, justify = "center", align = "center", ...props }, ref) => (
-  // @ts-expect-error
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Space,
-    {
-      ref,
-      justify,
-      align,
-      className: css.CSS(css.CSS.BM("space", "centered"), className),
-      ...props
-    }
-  )
-);
-const Center = React.forwardRef(CoreCenter);
-exports.ALIGNMENTS = ALIGNMENTS;
-exports.Center = Center;
-exports.CoreCenter = CoreCenter;
-exports.Element = Element;
-exports.Generic = Generic;
-exports.JUSTIFICATIONS = JUSTIFICATIONS;
-exports.Pack = Pack;
-exports.Space = Space;
-exports.shouldReverse = shouldReverse;
-//# sourceMappingURL=Center-Cc_rR5pQ.cjs.map

package/dist/Center-Cc_rR5pQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Center-Cc_rR5pQ.cjs","sources":["../src/generic/Generic.tsx","../src/align/Space.tsx","../src/align/Pack.tsx","../src/align/Center.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 {\n  type ComponentPropsWithRef,\n  createElement,\n  type ForwardedRef,\n  forwardRef,\n  type ReactElement,\n} from \"react\";\n\nexport type JSXElementType = keyof JSX.IntrinsicElements;\n\nconst CoreElement = <E extends JSXElementType>(\n  { el, children, ...props }: ElementProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => createElement(el, { ...props, ref }, children);\n\nexport type ElementProps<E extends JSXElementType> = ComponentPropsWithRef<E> & {\n  el: E;\n};\n\n/**\n * Generic renders a component with the given element type .\n *\n * @param props - Props for the generic component. All props not defined below are passed to\n * the underlying element.\n * @param props.el - The element type to render.\n */\nexport const Element = forwardRef(CoreElement) as <E extends JSXElementType>(\n  props: ElementProps<E>,\n) => ReactElement;\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 {\n  type CSSProperties,\n  type ForwardedRef,\n  type ReactElement,\n  forwardRef,\n} from \"react\";\n\nimport { direction } from \"@synnaxlabs/x/spatial\";\n\nimport { CSS } from \"@/css\";\nimport { Generic } from \"@/generic\";\nimport { type ComponentSize } from \"@/util/component\";\n\nimport \"@/align/Space.css\";\n\n/** All possible alignments for the cross axis of a space */\nexport const ALIGNMENTS = [\"start\", \"center\", \"end\", \"stretch\"] as const;\n\n/** The alignments for the cross axis of a space */\nexport type Alignment = (typeof ALIGNMENTS)[number];\n\n/** All possible justifications for the main axis of a space */\nexport const JUSTIFICATIONS = [\n  \"start\",\n  \"center\",\n  \"end\",\n  \"spaceBetween\",\n  \"spaceAround\",\n  \"spaceEvenly\",\n] as const;\n\n/** The justification for the main axis of a space */\nexport type Justification = (typeof JUSTIFICATIONS)[number];\n\nexport type SpaceElementType =\n  | \"div\"\n  | \"header\"\n  | \"nav\"\n  | \"section\"\n  | \"article\"\n  | \"aside\"\n  | \"footer\"\n  | \"button\"\n  | \"dialog\"\n  | \"a\"\n  | \"form\";\n\nexport interface SpaceExtensionProps {\n  empty?: boolean;\n  size?: ComponentSize | number;\n  direction?: direction.Crude;\n  reverse?: boolean;\n  justify?: Justification;\n  align?: Alignment;\n  grow?: boolean | number;\n  shrink?: boolean | number;\n  wrap?: boolean;\n  el?: SpaceElementType;\n  bordered?: boolean;\n  rounded?: boolean;\n}\n\nexport type SpaceProps<E extends SpaceElementType = \"div\"> = Omit<\n  Generic.ElementProps<E>,\n  \"el\"\n> &\n  SpaceExtensionProps;\n\nexport const shouldReverse = (direction: direction.Crude, reverse?: boolean): boolean =>\n  reverse ?? (direction === \"right\" || direction === \"bottom\");\n\nconst CoreSpace = <E extends SpaceElementType>(\n  {\n    style,\n    align,\n    className,\n    grow,\n    shrink,\n    empty = false,\n    size = \"medium\",\n    justify = \"start\",\n    reverse,\n    direction: direction_ = \"y\",\n    wrap = false,\n    bordered = false,\n    rounded = false,\n    el = \"div\",\n    ...props\n  }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => {\n  const dir = direction.construct(direction_);\n  reverse = shouldReverse(direction_, reverse);\n\n  let gap: number | string | undefined;\n  if (empty) [size, gap] = [0, 0];\n  else if (typeof size === \"number\") gap = `${size}rem`;\n\n  style = {\n    gap,\n    flexDirection: flexDirection(dir, reverse),\n    justifyContent: justifications[justify],\n    alignItems: align,\n    flexWrap: wrap ? \"wrap\" : \"nowrap\",\n    ...style,\n  };\n\n  if (grow != null) style.flexGrow = Number(grow);\n  if (shrink != null) style.flexShrink = Number(shrink);\n\n  return (\n    // @ts-expect-error - TODO: fix generic element props\n    <Generic.Element<E>\n      el={el}\n      ref={ref}\n      className={CSS(\n        CSS.B(\"space\"),\n        CSS.dir(dir),\n        CSS.bordered(bordered),\n        CSS.rounded(rounded),\n        typeof size === \"string\" && CSS.BM(\"space\", size),\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n};\nCoreSpace.displayName = \"Space\";\n\n/**\n * A component that orients its children in a row or column and adds\n * space between them. This is essentially a thin wrapped around a\n * flex component that makes it more 'reacty' to use.\n *\n * @param props - The props for the component. All unlisted props will be passed\n * to the underlying root element.\n * @param props.align - The off axis alignment of the children. The 'off' axis is the\n * opposite direction of props.direction. For example, if direction is 'x', then the\n * off axis is 'y'. See the {@link Alignment} for available options.\n * @param props.justify - The main axis justification of the children. The 'main' axis\n * is the same direction as props.direction. For example, if direction is 'x', then the\n * main axis is 'x'. See the {@link Justification} for available options.\n * @param props.grow - A boolean or number value that determines if the space should\n * grow in the flex-box sense. A value of true will set css flex-grow to 1. A value of\n * false will leave the css flex-grow unset. A number value will set the css flex-grow\n * to that number.\n * @param props.size - A string or number value that determines the amount of spacing\n * between items. If set to \"small\", \"medium\", or \"large\", the spacing will be determined\n * by the theme. If set to a number, the spacing will be that number of rem.\n * @param props.wrap - A boolean value that determines if the space should wrap its\n * children.\n * @param props.el - The element type to render as. Defaults to 'div'.\n */\nexport const Space = forwardRef(CoreSpace) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n\ntype FlexDirection = CSSProperties[\"flexDirection\"];\n\nconst flexDirection = (\n  direction: direction.Direction,\n  reverse: boolean,\n): FlexDirection => {\n  const base = direction === \"x\" ? \"row\" : \"column\";\n  return reverse ? ((base + \"-reverse\") as FlexDirection) : base;\n};\n\nconst justifications: Record<Justification, CSSProperties[\"justifyContent\"]> = {\n  start: \"flex-start\",\n  center: \"center\",\n  end: \"flex-end\",\n  spaceBetween: \"space-between\",\n  spaceAround: \"space-around\",\n  spaceEvenly: \"space-evenly\",\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Pack.css\";\n\n/** Props for the {@link Pack} component. */\nexport type PackProps<E extends SpaceElementType = \"div\"> = Omit<\n  SpaceProps<E>,\n  \"empty\"\n> & {\n  shadow?: boolean;\n};\n\nconst CorePack = <E extends SpaceElementType = \"div\">(\n  {\n    className,\n    size = \"medium\",\n    reverse = false,\n    direction = \"x\",\n    bordered = true,\n    rounded = true,\n    shadow = false,\n    ...props\n  }: PackProps<E>,\n  // select the correct type for the ref\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    direction={direction}\n    reverse={reverse}\n    className={CSS(\n      CSS.B(\"pack\"),\n      shadow && CSS.BM(\"pack\", \"shadow\"),\n      CSS.dir(direction),\n      typeof size !== \"number\" && CSS.BM(\"pack\", size),\n      reverse && CSS.BM(\"pack\", \"reverse\"),\n      className,\n    )}\n    bordered={bordered}\n    rounded={rounded}\n    {...props}\n    empty\n  />\n);\n\n/**\n * Packs elements together, setting their size and styling the borders between them so\n * that they appear as a single element. This is useful for buttons that represent a\n * selection state, for example.\n *\n * @param props - The props for the pack. Any extra props will be passed to the\n * underlying Space component.\n * @param props.children - The children to pack together. These must satisfy the\n * {@link PackChildProps} interface.\n * @param props.direction - The direction to pack the children in. Defaults to\n * \"x\".\n * @param props.size - The size to set on the children. Any sizes already set on the\n * children will be overridden. Defaults to \"medium\".\n * @param props.el  - The element type to use as the root element for the Pack.\n * Defaults to \"div\".\n */\nexport const Pack = forwardRef(CorePack) as <E extends SpaceElementType = \"div\">(\n  props: PackProps<E>,\n) => ReactElement;\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 ForwardedRef, type ReactElement, forwardRef } from \"react\";\n\nimport { Space, type SpaceElementType, type SpaceProps } from \"@/align/Space\";\nimport { CSS } from \"@/css\";\n\nimport \"@/align/Center.css\";\n\nexport const CoreCenter = <E extends SpaceElementType = \"div\">(\n  { className, justify = \"center\", align = \"center\", ...props }: SpaceProps<E>,\n  ref: ForwardedRef<JSX.IntrinsicElements[E]>,\n): ReactElement => (\n  // @ts-expect-error\n  <Space<E>\n    ref={ref}\n    justify={justify}\n    align={align}\n    className={CSS(CSS.BM(\"space\", \"centered\"), className)}\n    {...props}\n  />\n);\n\n/**\n * An element whose width and height is 100% and whose alignment and justification\n * is centered. Props are the same as {@link Space}.\n */\nexport const Center = forwardRef(CoreCenter) as <E extends SpaceElementType = \"div\">(\n  props: SpaceProps<E>,\n) => ReactElement;\n"],"names":["createElement","forwardRef","direction","jsx","Generic.Element","CSS"],"mappings":"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"}

package/dist/Keyboard-Byx8rGZt.cjs

@@ -1,13 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
-const css = require("./css-Ci8WUD5E.cjs");
-const Toggle = require("./Toggle-D3iCEbO1.cjs");
-const Keyboard = ({
-  className,
-  ...props
-}) => (
-  // @ts-expect-error
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { className: css.CSS(className, css.CSS.BM("text", "keyboard")), ...props })
-);
-exports.Keyboard = Keyboard;
-//# sourceMappingURL=Keyboard-Byx8rGZt.cjs.map

package/dist/Keyboard-Byx8rGZt.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Keyboard-Byx8rGZt.cjs","sources":["../src/text/Keyboard.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 } from \"react\";\n\nimport { CSS } from \"@/css\";\nimport { type text } from \"@/text/core\";\nimport { type TextProps, Text } from \"@/text/Text\";\n\nimport \"@/text/Keyboard.css\";\n\nexport type KeyboardProps<L extends text.Level = \"h1\"> = TextProps<L>;\n\nexport const Keyboard = <L extends text.Level = \"p\">({\n  className,\n  ...props\n}: KeyboardProps<L>): ReactElement => (\n  // @ts-expect-error\n  <Text<L> className={CSS(className, CSS.BM(\"text\", \"keyboard\"))} {...props} />\n);\n"],"names":["jsx","Text","CSS"],"mappings":";;;;AAmBO,MAAM,WAAW,CAA6B;AAAA,EACnD;AAAA,EACA,GAAG;AACL;AAAA;AAAA,EAEGA,2BAAAA,kBAAAA,IAAAC,OAAAA,MAAA,EAAQ,WAAWC,IAAAA,IAAI,WAAWA,IAAAA,IAAI,GAAG,QAAQ,UAAU,CAAC,GAAI,GAAG,MAAO,CAAA;AAAA;;"}

package/dist/Keyboard-D31SwhYT.js

@@ -1,14 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
-import { C as CSS } from "./css-DKKmdhSr.js";
-import { e as Text } from "./Toggle-bT5RpwfA.js";
-const Keyboard = ({
-  className,
-  ...props
-}) => (
-  // @ts-expect-error
-  /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: CSS(className, CSS.BM("text", "keyboard")), ...props })
-);
-export {
-  Keyboard as K
-};
-//# sourceMappingURL=Keyboard-D31SwhYT.js.map

package/dist/Keyboard-D31SwhYT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Keyboard-D31SwhYT.js","sources":["../src/text/Keyboard.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 } from \"react\";\n\nimport { CSS } from \"@/css\";\nimport { type text } from \"@/text/core\";\nimport { type TextProps, Text } from \"@/text/Text\";\n\nimport \"@/text/Keyboard.css\";\n\nexport type KeyboardProps<L extends text.Level = \"h1\"> = TextProps<L>;\n\nexport const Keyboard = <L extends text.Level = \"p\">({\n  className,\n  ...props\n}: KeyboardProps<L>): ReactElement => (\n  // @ts-expect-error\n  <Text<L> className={CSS(className, CSS.BM(\"text\", \"keyboard\"))} {...props} />\n);\n"],"names":["jsx"],"mappings":";;;AAmBO,MAAM,WAAW,CAA6B;AAAA,EACnD;AAAA,EACA,GAAG;AACL;AAAA;AAAA,EAEGA,kCAAAA,IAAA,MAAA,EAAQ,WAAW,IAAI,WAAW,IAAI,GAAG,QAAQ,UAAU,CAAC,GAAI,GAAG,MAAO,CAAA;AAAA;"}