@synnaxlabs/pluto 0.13.0 → 0.14.0

package/dist/Center-gEKkAkdh.js

@@ -1,149 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
-import { forwardRef, createElement } from "react";
-import { d as direction$1, C as CSS } from "./css-NTD4Xm8x.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 = direction$1.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
-    /* @__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-gEKkAkdh.js.map

package/dist/Header-5YX6FUn6.cjs

@@ -1,35 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
-const React = require("react");
-const Center = require("./Center-ZAcURh-3.cjs");
-const css = require("./css-V3VUT_Js.cjs");
-const Context = React.createContext({
-  divided: false,
-  level: "h1"
-});
-const useContext = () => React.useContext(Context);
-const Header = ({
-  children,
-  className,
-  level = "h1",
-  divided = false,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Context.Provider, { value: { level, divided }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-  Center.Space,
-  {
-    el: "header",
-    direction: "x",
-    justify: "spaceBetween",
-    className: css.CSS(
-      css.CSS.B("header"),
-      css.CSS.bordered("bottom"),
-      divided && css.CSS.BM("header", "divided"),
-      className
-    ),
-    ...props,
-    children
-  }
-) });
-exports.Header = Header;
-exports.useContext = useContext;
-//# sourceMappingURL=Header-5YX6FUn6.cjs.map

package/dist/Header-7x6367IV.js

@@ -1,36 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
-import { createContext, useContext as useContext$1 } from "react";
-import { S as Space } from "./Center-gEKkAkdh.js";
-import { C as CSS } from "./css-NTD4Xm8x.js";
-const Context = createContext({
-  divided: false,
-  level: "h1"
-});
-const useContext = () => useContext$1(Context);
-const Header = ({
-  children,
-  className,
-  level = "h1",
-  divided = false,
-  ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(Context.Provider, { value: { level, divided }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Space,
-  {
-    el: "header",
-    direction: "x",
-    justify: "spaceBetween",
-    className: CSS(
-      CSS.B("header"),
-      CSS.bordered("bottom"),
-      divided && CSS.BM("header", "divided"),
-      className
-    ),
-    ...props,
-    children
-  }
-) });
-export {
-  Header as H,
-  useContext as u
-};
-//# sourceMappingURL=Header-7x6367IV.js.map

package/dist/Item-EDdYN2NK.js

@@ -1,171 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
-import { forwardRef, useRef, useState, createContext, useContext } from "react";
-import { x as xy, C as CSS, u as unique, b as box$1 } from "./css-NTD4Xm8x.js";
-import { a2 as useClickOutside, B as Button, I as Icon } from "./Toggle-kLunfJtR.js";
-import { L as Link } from "./Link-laNlv47N.js";
-const INITIAL_STATE = {
-  visible: false,
-  keys: [],
-  xy: xy.ZERO
-};
-const CONTEXT_SELECTED = CSS.BM("context", "selected");
-const CONTEXT_TARGET = CSS.BE("context", "target");
-const CONTEXT_MENU_CONTAINER = CSS.BE("menu-context", "container");
-const findTarget = (target) => {
-  let candidate = target;
-  while (candidate != null && !candidate.classList.contains(CONTEXT_TARGET)) {
-    if (candidate.classList.contains(CONTEXT_MENU_CONTAINER))
-      return target;
-    candidate = candidate.parentElement;
-  }
-  return candidate;
-};
-const findSelected = (target_) => {
-  var _a;
-  const target = findTarget(target_);
-  const selected = ((_a = target.parentElement) == null ? void 0 : _a.querySelectorAll(`.${CONTEXT_SELECTED}`)) ?? [];
-  return [target, ...Array.from(selected)];
-};
-const useContextMenu = () => {
-  const menuRef = useRef(null);
-  const [state, setMenuState] = useState(INITIAL_STATE);
-  const handleOpen = (e, keys) => {
-    const p = xy.construct(e);
-    if ("preventDefault" in e) {
-      e.preventDefault();
-      e.stopPropagation();
-      keys = keys ?? unique(findSelected(e.target).map((el) => el.id));
-    } else
-      keys = [];
-    setMenuState({ visible: true, keys, xy: p });
-  };
-  const refCallback = (el) => {
-    menuRef.current = el;
-    if (el == null)
-      return;
-    setMenuState((prev) => {
-      if (prev.visible) {
-        const [repositioned, changed] = box$1.positionSoVisible(
-          el,
-          window.document.documentElement
-        );
-        if (changed)
-          return { ...prev, xy: box$1.topLeft(repositioned) };
-      }
-      return prev;
-    });
-  };
-  const hideMenu = () => setMenuState(INITIAL_STATE);
-  useClickOutside(menuRef, hideMenu);
-  return {
-    ...state,
-    close: hideMenu,
-    open: handleOpen,
-    ref: refCallback
-  };
-};
-const ContextMenuCore = ({
-  children,
-  menu,
-  visible,
-  open,
-  close,
-  xy: xy2,
-  keys,
-  className,
-  ...props
-}, ref) => {
-  const menuC = visible ? menu == null ? void 0 : menu({ keys }) : null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: CSS(CONTEXT_MENU_CONTAINER, className, CSS.inheritDims()),
-      onContextMenu: open,
-      ...props,
-      children: [
-        children,
-        menuC != null && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: CSS(CSS.B("menu-context"), CSS.bordered()),
-            ref,
-            style: { left: xy2.x, top: xy2.y },
-            onClick: close,
-            children: menuC
-          }
-        )
-      ]
-    }
-  );
-};
-const ContextMenu = forwardRef(ContextMenuCore);
-ContextMenu.displayName = "ContextMenu";
-const MenuContext = createContext({
-  onClick: () => {
-  },
-  selected: ""
-});
-const useMenuContext = () => useContext(MenuContext);
-const Menu = ({
-  children,
-  onChange,
-  level,
-  iconSpacing,
-  value = ""
-}) => {
-  const handleClick = (key) => onChange == null ? void 0 : onChange(key);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    MenuContext.Provider,
-    {
-      value: { onClick: handleClick, selected: value, level, iconSpacing },
-      children
-    }
-  );
-};
-const menuItemFactory = (Base, defaultProps) => (
-  // eslint-disable-next-line react/display-name
-  (props) => {
-    const { itemKey, className, onClick, size, ...rest } = {
-      ...defaultProps,
-      ...props
-    };
-    const { onClick: ctxOnClick, selected, level, iconSpacing } = useMenuContext();
-    const handleClick = (e) => {
-      ctxOnClick(itemKey);
-      onClick == null ? void 0 : onClick(e);
-    };
-    const _selected = selected === itemKey;
-    return (
-      // @ts-expect-error
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Base,
-        {
-          level,
-          ...rest,
-          onClick: handleClick,
-          variant: "text",
-          className: CSS(CSS.B("menu-item"), CSS.selected(_selected), className),
-          size: size ?? iconSpacing
-        }
-      )
-    );
-  }
-);
-const CoreItem = menuItemFactory(Button, { noWrap: true });
-const ItemIcon = menuItemFactory(Icon);
-const ItemLink = menuItemFactory(Link, { noWrap: true });
-const Item = CoreItem;
-Item.Icon = ItemIcon;
-Item.Link = ItemLink;
-export {
-  CONTEXT_SELECTED as C,
-  Item as I,
-  Menu as M,
-  CONTEXT_TARGET as a,
-  ContextMenu as b,
-  CoreItem as c,
-  MenuContext as d,
-  useMenuContext as e,
-  useContextMenu as u
-};
-//# sourceMappingURL=Item-EDdYN2NK.js.map

package/dist/Item-HWzX7RK2.cjs

@@ -1,170 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
-const React = require("react");
-const css = require("./css-V3VUT_Js.cjs");
-const Toggle = require("./Toggle-eOKYw1OT.cjs");
-const Link = require("./Link-xlTZan29.cjs");
-const INITIAL_STATE = {
-  visible: false,
-  keys: [],
-  xy: css.xy.ZERO
-};
-const CONTEXT_SELECTED = css.CSS.BM("context", "selected");
-const CONTEXT_TARGET = css.CSS.BE("context", "target");
-const CONTEXT_MENU_CONTAINER = css.CSS.BE("menu-context", "container");
-const findTarget = (target) => {
-  let candidate = target;
-  while (candidate != null && !candidate.classList.contains(CONTEXT_TARGET)) {
-    if (candidate.classList.contains(CONTEXT_MENU_CONTAINER))
-      return target;
-    candidate = candidate.parentElement;
-  }
-  return candidate;
-};
-const findSelected = (target_) => {
-  var _a;
-  const target = findTarget(target_);
-  const selected = ((_a = target.parentElement) == null ? void 0 : _a.querySelectorAll(`.${CONTEXT_SELECTED}`)) ?? [];
-  return [target, ...Array.from(selected)];
-};
-const useContextMenu = () => {
-  const menuRef = React.useRef(null);
-  const [state, setMenuState] = React.useState(INITIAL_STATE);
-  const handleOpen = (e, keys) => {
-    const p = css.xy.construct(e);
-    if ("preventDefault" in e) {
-      e.preventDefault();
-      e.stopPropagation();
-      keys = keys ?? css.unique(findSelected(e.target).map((el) => el.id));
-    } else
-      keys = [];
-    setMenuState({ visible: true, keys, xy: p });
-  };
-  const refCallback = (el) => {
-    menuRef.current = el;
-    if (el == null)
-      return;
-    setMenuState((prev) => {
-      if (prev.visible) {
-        const [repositioned, changed] = css.box$1.positionSoVisible(
-          el,
-          window.document.documentElement
-        );
-        if (changed)
-          return { ...prev, xy: css.box$1.topLeft(repositioned) };
-      }
-      return prev;
-    });
-  };
-  const hideMenu = () => setMenuState(INITIAL_STATE);
-  Toggle.useClickOutside(menuRef, hideMenu);
-  return {
-    ...state,
-    close: hideMenu,
-    open: handleOpen,
-    ref: refCallback
-  };
-};
-const ContextMenuCore = ({
-  children,
-  menu,
-  visible,
-  open,
-  close,
-  xy: xy2,
-  keys,
-  className,
-  ...props
-}, ref) => {
-  const menuC = visible ? menu == null ? void 0 : menu({ keys }) : null;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: css.CSS(CONTEXT_MENU_CONTAINER, className, css.CSS.inheritDims()),
-      onContextMenu: open,
-      ...props,
-      children: [
-        children,
-        menuC != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: css.CSS(css.CSS.B("menu-context"), css.CSS.bordered()),
-            ref,
-            style: { left: xy2.x, top: xy2.y },
-            onClick: close,
-            children: menuC
-          }
-        )
-      ]
-    }
-  );
-};
-const ContextMenu = React.forwardRef(ContextMenuCore);
-ContextMenu.displayName = "ContextMenu";
-const MenuContext = React.createContext({
-  onClick: () => {
-  },
-  selected: ""
-});
-const useMenuContext = () => React.useContext(MenuContext);
-const Menu = ({
-  children,
-  onChange,
-  level,
-  iconSpacing,
-  value = ""
-}) => {
-  const handleClick = (key) => onChange == null ? void 0 : onChange(key);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    MenuContext.Provider,
-    {
-      value: { onClick: handleClick, selected: value, level, iconSpacing },
-      children
-    }
-  );
-};
-const menuItemFactory = (Base, defaultProps) => (
-  // eslint-disable-next-line react/display-name
-  (props) => {
-    const { itemKey, className, onClick, size, ...rest } = {
-      ...defaultProps,
-      ...props
-    };
-    const { onClick: ctxOnClick, selected, level, iconSpacing } = useMenuContext();
-    const handleClick = (e) => {
-      ctxOnClick(itemKey);
-      onClick == null ? void 0 : onClick(e);
-    };
-    const _selected = selected === itemKey;
-    return (
-      // @ts-expect-error
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        Base,
-        {
-          level,
-          ...rest,
-          onClick: handleClick,
-          variant: "text",
-          className: css.CSS(css.CSS.B("menu-item"), css.CSS.selected(_selected), className),
-          size: size ?? iconSpacing
-        }
-      )
-    );
-  }
-);
-const CoreItem = menuItemFactory(Toggle.Button, { noWrap: true });
-const ItemIcon = menuItemFactory(Toggle.Icon);
-const ItemLink = menuItemFactory(Link.Link, { noWrap: true });
-const Item = CoreItem;
-Item.Icon = ItemIcon;
-Item.Link = ItemLink;
-exports.CONTEXT_SELECTED = CONTEXT_SELECTED;
-exports.CONTEXT_TARGET = CONTEXT_TARGET;
-exports.ContextMenu = ContextMenu;
-exports.CoreItem = CoreItem;
-exports.Item = Item;
-exports.Menu = Menu;
-exports.MenuContext = MenuContext;
-exports.useContextMenu = useContextMenu;
-exports.useMenuContext = useMenuContext;
-//# sourceMappingURL=Item-HWzX7RK2.cjs.map

package/dist/Item-owLU4Xop.js

@@ -1,97 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
-import { C as CSS, d as direction$1 } from "./css-NTD4Xm8x.js";
-import { useController } from "react-hook-form";
-import { S as Space } from "./Center-gEKkAkdh.js";
-import { g as Text } from "./Toggle-kLunfJtR.js";
-import "./component-k78Jq9I7.js";
-import "react";
-const HelpText = ({
-  className,
-  variant = "error",
-  ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Text,
-  {
-    className: CSS(
-      CSS.B("input-help-text"),
-      CSS.BM("input-help-text", variant),
-      className
-    ),
-    level: "small",
-    ...props
-  }
-);
-const Label = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: CSS(CSS.B("input-label"), className), ...props });
-};
-const camelToTitle = (str) => str.replace(/([A-Z])/g, " $1").replace(/^./, (str2) => str2.toUpperCase());
-const maybeDefaultAlignment = (align, dir = "x") => {
-  if (align != null)
-    return align;
-  return direction$1.construct(dir) === "y" ? "stretch" : "center";
-};
-const Item = ({
-  label,
-  showLabel = true,
-  helpText,
-  direction: direction2 = "y",
-  className,
-  children,
-  align,
-  size = "small",
-  ...props
-}) => {
-  let inputAndHelp;
-  if (direction2 === "x")
-    inputAndHelp = /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { direction: "y", size: "small", children: [
-      children,
-      helpText != null && /* @__PURE__ */ jsxRuntimeExports.jsx(HelpText, { children: helpText })
-    ] });
-  else
-    inputAndHelp = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      children,
-      helpText != null && /* @__PURE__ */ jsxRuntimeExports.jsx(HelpText, { children: helpText })
-    ] });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Space,
-    {
-      className: CSS(CSS.B("input-item"), className),
-      direction: direction2,
-      size,
-      align: maybeDefaultAlignment(align, direction2),
-      ...props,
-      children: [
-        showLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { children: label }),
-        inputAndHelp
-      ]
-    }
-  );
-};
-const ItemControlled = ({
-  name,
-  rules,
-  control,
-  shouldUnregister,
-  defaultValue,
-  label,
-  children,
-  ...props
-}) => {
-  var _a;
-  const { field, fieldState } = useController({
-    control,
-    rules,
-    name,
-    shouldUnregister
-  });
-  if (label == null)
-    label = camelToTitle(name);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Item, { ref: field.ref, label, helpText: (_a = fieldState.error) == null ? void 0 : _a.message, ...props, children: children({ value: field.value, onChange: field.onChange }) });
-};
-export {
-  HelpText as H,
-  Item as I,
-  Label as L,
-  ItemControlled as a
-};
-//# sourceMappingURL=Item-owLU4Xop.js.map