@synnaxlabs/pluto 0.12.0 → 0.14.0

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

package/dist/Item-rkSKzZoh.cjs

@@ -1,96 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
-const css = require("./css-V3VUT_Js.cjs");
-const reactHookForm = require("react-hook-form");
-const Center = require("./Center-ZAcURh-3.cjs");
-const Toggle = require("./Toggle-eOKYw1OT.cjs");
-require("./component-joFaJiQW.cjs");
-require("react");
-const HelpText = ({
-  className,
-  variant = "error",
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-  Toggle.Text,
-  {
-    className: css.CSS(
-      css.CSS.B("input-help-text"),
-      css.CSS.BM("input-help-text", variant),
-      className
-    ),
-    level: "small",
-    ...props
-  }
-);
-const Label = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("label", { className: css.CSS(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 css.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__ */ jsxRuntime.jsxRuntimeExports.jsxs(Center.Space, { direction: "y", size: "small", children: [
-      children,
-      helpText != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HelpText, { children: helpText })
-    ] });
-  else
-    inputAndHelp = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-      children,
-      helpText != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HelpText, { children: helpText })
-    ] });
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    Center.Space,
-    {
-      className: css.CSS(css.CSS.B("input-item"), className),
-      direction: direction2,
-      size,
-      align: maybeDefaultAlignment(align, direction2),
-      ...props,
-      children: [
-        showLabel && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Label, { children: label }),
-        inputAndHelp
-      ]
-    }
-  );
-};
-const ItemControlled = ({
-  name,
-  rules,
-  control,
-  shouldUnregister,
-  defaultValue,
-  label,
-  children,
-  ...props
-}) => {
-  var _a;
-  const { field, fieldState } = reactHookForm.useController({
-    control,
-    rules,
-    name,
-    shouldUnregister
-  });
-  if (label == null)
-    label = camelToTitle(name);
-  return /* @__PURE__ */ jsxRuntime.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 }) });
-};
-exports.HelpText = HelpText;
-exports.Item = Item;
-exports.ItemControlled = ItemControlled;
-exports.Label = Label;
-//# sourceMappingURL=Item-rkSKzZoh.cjs.map

package/dist/Keyboard-mE03PKwA.js

@@ -1,14 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
-import { C as CSS } from "./css-NTD4Xm8x.js";
-import { g as Text } from "./Toggle-kLunfJtR.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-mE03PKwA.js.map

package/dist/Keyboard-w372197S.cjs

@@ -1,13 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
-const css = require("./css-V3VUT_Js.cjs");
-const Toggle = require("./Toggle-eOKYw1OT.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-w372197S.cjs.map

package/dist/Link-laNlv47N.js

@@ -1,13 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
-import { B as Button } from "./Toggle-kLunfJtR.js";
-const Link = ({
-  href,
-  target,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { el: "a", href, ...props });
-};
-export {
-  Link as L
-};
-//# sourceMappingURL=Link-laNlv47N.js.map

package/dist/Link-xlTZan29.cjs

@@ -1,12 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
-const Toggle = require("./Toggle-eOKYw1OT.cjs");
-const Link = ({
-  href,
-  target,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Button, { el: "a", href, ...props });
-};
-exports.Link = Link;
-//# sourceMappingURL=Link-xlTZan29.cjs.map

package/dist/SelectLevel-bGb0dRXh.cjs

@@ -1,152 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
-const Toggle = require("./Toggle-eOKYw1OT.cjs");
-const Center = require("./Center-ZAcURh-3.cjs");
-const React = require("react");
-const css = require("./css-V3VUT_Js.cjs");
-require("./component-joFaJiQW.cjs");
-const useSelectMultiple = ({
-  data = [],
-  value = [],
-  allowMultiple = true,
-  allowNone = true,
-  replaceOnSingle = false,
-  onChange
-}) => {
-  const shiftValueRef = React.useRef(null);
-  const shift = Toggle.useHeldRef({ triggers: [["Shift"]], loose: true });
-  const handleSelect = React.useCallback(
-    (key) => {
-      let nextSelected = [];
-      const shiftValue = shiftValueRef.current;
-      if (!allowMultiple) {
-        nextSelected = value.includes(key) ? [] : [key];
-      } else if (shift.current.held && shiftValue !== null) {
-        const [start, end] = [
-          data.findIndex((v2) => v2.key === key),
-          data.findIndex((v2) => v2.key === shiftValue)
-        ].sort((a, b) => a - b);
-        const nextKeys = data.slice(start, end + 1).map(({ key: key2 }) => key2);
-        if (nextKeys.slice(1, nextKeys.length - 1).every((k) => value.includes(k)) && value.includes(key))
-          nextSelected = value.filter((k) => !nextKeys.includes(k));
-        else
-          nextSelected = [...value, ...nextKeys];
-        shiftValueRef.current = null;
-      } else {
-        shiftValueRef.current = key;
-        if (replaceOnSingle)
-          nextSelected = value.includes(key) && value.length === 1 ? [] : [key];
-        else if (value.includes(key))
-          nextSelected = value.filter((k) => k !== key);
-        else
-          nextSelected = [...value, key];
-      }
-      const v = css.unique(nextSelected);
-      if (!allowNone && v.length === 0)
-        return;
-      if (v.length === 0)
-        shiftValueRef.current = null;
-      onChange(css.unique(nextSelected), {
-        entries: data.filter(({ key: key2 }) => nextSelected.includes(key2)),
-        clicked: key
-      });
-    },
-    [onChange, value, data, allowMultiple]
-  );
-  const clear = React.useCallback(
-    () => onChange([], { entries: [], clicked: null }),
-    [onChange]
-  );
-  return { onSelect: handleSelect, clear };
-};
-const Button = ({
-  children = defaultSelectButtonOption,
-  value,
-  onChange,
-  entryRenderKey = "key",
-  allowNone = false,
-  allowMultiple = false,
-  data,
-  ...props
-}) => {
-  const { onSelect } = useSelectMultiple({
-    allowMultiple,
-    allowNone,
-    data,
-    value: [value],
-    onChange: ([v]) => onChange(v)
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Pack, { ...props, children: data.map((e) => {
-    return children({
-      key: e.key,
-      onClick: () => onSelect(e.key),
-      selected: e.key === value,
-      entry: e,
-      title: e[entryRenderKey]
-    });
-  }) });
-};
-const defaultSelectButtonOption = ({
-  key,
-  onClick,
-  selected,
-  title
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.Button,
-    {
-      onClick,
-      variant: selected ? "filled" : "outlined",
-      children: title
-    },
-    key
-  );
-};
-const DATA = [
-  {
-    key: "h2",
-    label: "XL"
-  },
-  {
-    key: "h3",
-    label: "L"
-  },
-  {
-    key: "h4",
-    label: "M"
-  },
-  {
-    key: "p",
-    label: "S"
-  },
-  {
-    key: "small",
-    label: "XS"
-  }
-];
-const defaultSelectDirectionButton = ({
-  key,
-  entry,
-  onClick,
-  selected
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.Button,
-    {
-      variant: selected ? "filled" : "outlined",
-      onClick,
-      children: entry.label
-    },
-    key
-  );
-};
-const SelectLevel = ({
-  children = defaultSelectDirectionButton,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button, { ...props, data: DATA, children });
-};
-exports.Button = Button;
-exports.SelectLevel = SelectLevel;
-exports.useSelectMultiple = useSelectMultiple;
-//# sourceMappingURL=SelectLevel-bGb0dRXh.cjs.map

package/dist/SelectLevel-cewIWtOv.js

@@ -1,153 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
-import { a0 as useHeldRef, B as Button$1 } from "./Toggle-kLunfJtR.js";
-import { P as Pack } from "./Center-gEKkAkdh.js";
-import { useRef, useCallback } from "react";
-import { u as unique } from "./css-NTD4Xm8x.js";
-import "./component-k78Jq9I7.js";
-const useSelectMultiple = ({
-  data = [],
-  value = [],
-  allowMultiple = true,
-  allowNone = true,
-  replaceOnSingle = false,
-  onChange
-}) => {
-  const shiftValueRef = useRef(null);
-  const shift = useHeldRef({ triggers: [["Shift"]], loose: true });
-  const handleSelect = useCallback(
-    (key) => {
-      let nextSelected = [];
-      const shiftValue = shiftValueRef.current;
-      if (!allowMultiple) {
-        nextSelected = value.includes(key) ? [] : [key];
-      } else if (shift.current.held && shiftValue !== null) {
-        const [start, end] = [
-          data.findIndex((v2) => v2.key === key),
-          data.findIndex((v2) => v2.key === shiftValue)
-        ].sort((a, b) => a - b);
-        const nextKeys = data.slice(start, end + 1).map(({ key: key2 }) => key2);
-        if (nextKeys.slice(1, nextKeys.length - 1).every((k) => value.includes(k)) && value.includes(key))
-          nextSelected = value.filter((k) => !nextKeys.includes(k));
-        else
-          nextSelected = [...value, ...nextKeys];
-        shiftValueRef.current = null;
-      } else {
-        shiftValueRef.current = key;
-        if (replaceOnSingle)
-          nextSelected = value.includes(key) && value.length === 1 ? [] : [key];
-        else if (value.includes(key))
-          nextSelected = value.filter((k) => k !== key);
-        else
-          nextSelected = [...value, key];
-      }
-      const v = unique(nextSelected);
-      if (!allowNone && v.length === 0)
-        return;
-      if (v.length === 0)
-        shiftValueRef.current = null;
-      onChange(unique(nextSelected), {
-        entries: data.filter(({ key: key2 }) => nextSelected.includes(key2)),
-        clicked: key
-      });
-    },
-    [onChange, value, data, allowMultiple]
-  );
-  const clear = useCallback(
-    () => onChange([], { entries: [], clicked: null }),
-    [onChange]
-  );
-  return { onSelect: handleSelect, clear };
-};
-const Button = ({
-  children = defaultSelectButtonOption,
-  value,
-  onChange,
-  entryRenderKey = "key",
-  allowNone = false,
-  allowMultiple = false,
-  data,
-  ...props
-}) => {
-  const { onSelect } = useSelectMultiple({
-    allowMultiple,
-    allowNone,
-    data,
-    value: [value],
-    onChange: ([v]) => onChange(v)
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Pack, { ...props, children: data.map((e) => {
-    return children({
-      key: e.key,
-      onClick: () => onSelect(e.key),
-      selected: e.key === value,
-      entry: e,
-      title: e[entryRenderKey]
-    });
-  }) });
-};
-const defaultSelectButtonOption = ({
-  key,
-  onClick,
-  selected,
-  title
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button$1,
-    {
-      onClick,
-      variant: selected ? "filled" : "outlined",
-      children: title
-    },
-    key
-  );
-};
-const DATA = [
-  {
-    key: "h2",
-    label: "XL"
-  },
-  {
-    key: "h3",
-    label: "L"
-  },
-  {
-    key: "h4",
-    label: "M"
-  },
-  {
-    key: "p",
-    label: "S"
-  },
-  {
-    key: "small",
-    label: "XS"
-  }
-];
-const defaultSelectDirectionButton = ({
-  key,
-  entry,
-  onClick,
-  selected
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button$1,
-    {
-      variant: selected ? "filled" : "outlined",
-      onClick,
-      children: entry.label
-    },
-    key
-  );
-};
-const SelectLevel = ({
-  children = defaultSelectDirectionButton,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { ...props, data: DATA, children });
-};
-export {
-  Button as B,
-  SelectLevel as S,
-  useSelectMultiple as u
-};
-//# sourceMappingURL=SelectLevel-cewIWtOv.js.map