@synnaxlabs/pluto 0.21.10 → 0.24.0

package/dist/external-DNHMAfGi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"external-DNHMAfGi.js","sources":["../src/color/Picker/Picker.tsx","../src/color/Swatch/Swatch.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 ComponentPropsWithoutRef, type ReactElement } from \"react\";\n\nimport { SketchPicker, type ColorResult } from \"react-color\";\n\nimport { color } from \"@/color/core\";\nimport { CSS } from \"@/css\";\nimport { type Input } from \"@/input\";\n\nimport \"@/color/Picker/Picker.css\";\n\nexport interface PickerProps\n  extends Input.Control<color.Crude, color.Color>,\n    Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {}\n\nexport const Picker = ({ value, onChange, ...props }: PickerProps): ReactElement => {\n  const handleChange = (res: ColorResult): void => {\n    if (res.hex === \"transparent\") onChange(color.ZERO);\n    onChange(new color.Color(res.hex, res.rgb.a));\n  };\n\n  return (\n    <SketchPicker\n      className={CSS.B(\"color-picker\")}\n      color={new color.Color(value).hex}\n      onChange={handleChange}\n      presetColors={[]}\n      {...props}\n    />\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, useCallback } from \"react\";\n\nimport { Button } from \"@/button\";\nimport { color } from \"@/color/core\";\nimport { type Crude, type Color } from \"@/color/core/color\";\nimport { Picker } from \"@/color/Picker\";\nimport { CSS } from \"@/css\";\nimport { Dropdown } from \"@/dropdown\";\nimport { type UseProps } from \"@/dropdown/Dropdown\";\nimport { Haul } from \"@/haul\";\nimport { type Input } from \"@/input\";\nimport { Text } from \"@/text\";\nimport { Theming } from \"@/theming\";\n\nimport \"@/color/Swatch/Swatch.css\";\n\nexport interface SwatchProps\n  extends Input.Control<Crude, Color>,\n    Omit<Button.ButtonProps, \"onChange\" | \"value\">,\n    UseProps {}\n\nconst HAUL_TYPE = \"color\";\n\nexport const Swatch = ({\n  value,\n  onChange,\n  className,\n  size = \"medium\",\n  onVisibleChange,\n  initialVisible,\n  draggable = true,\n  ...props\n}: SwatchProps): ReactElement => {\n  const { visible, open, close } = Dropdown.use({ onVisibleChange, initialVisible });\n\n  const bg = Theming.use().colors.gray.l0;\n\n  const d = new color.Color(value);\n\n  const dragging = Haul.useDraggingState();\n\n  const canDrop: Haul.CanDrop = useCallback(\n    ({ items }) => {\n      const [k] = Haul.filterByType(HAUL_TYPE, items);\n      return k != null && k.key !== d.hex;\n    },\n    [d.hex],\n  );\n\n  const { startDrag, ...haulProps } = Haul.useDragAndDrop({\n    type: \"Color.Swatch\",\n    onDrop: ({ items }) => {\n      const dropped = Haul.filterByType(HAUL_TYPE, items);\n      if (items.length > 0) onChange?.(new color.Color(dropped[0].key as string));\n      return dropped;\n    },\n    canDrop,\n  });\n\n  const swatch = (\n    <Button.Button\n      className={CSS(\n        CSS.B(\"color-swatch\"),\n        CSS.size(size),\n        d.contrast(bg) > 1.5 && d.a > 0.5 && CSS.M(\"no-border\"),\n        CSS.dropRegion(canDrop(dragging)),\n        className,\n      )}\n      draggable={draggable}\n      onDragStart={() => startDrag([{ type: HAUL_TYPE, key: d.hex }])}\n      style={{ backgroundColor: color.cssString(value) }}\n      variant=\"text\"\n      onClick={open}\n      size={size}\n      tooltip={\n        onChange != null ? (\n          <Text.Text level=\"small\">Click to change color</Text.Text>\n        ) : undefined\n      }\n      {...haulProps}\n      {...props}\n    />\n  );\n\n  if (onChange == null) return swatch;\n\n  return (\n    <Dropdown.Dialog\n      close={close}\n      visible={visible}\n      className={CSS.BE(\"color-swatch\", \"dropdown\")}\n      keepMounted={false}\n      variant=\"floating\"\n    >\n      {swatch}\n      <Picker value={value} onChange={onChange} />\n    </Dropdown.Dialog>\n  );\n};\n"],"names":["color.ZERO","color.Color","jsx","Dropdown.use","Theming.use","Haul.useDraggingState","Haul.filterByType","Haul.useDragAndDrop","Button.Button","color.cssString","Text.Text","jsxs","Dropdown.Dialog"],"mappings":";;;;;;AAuBO,MAAM,SAAS,CAAC,EAAE,OAAO,UAAU,GAAG,YAAuC;AAC5E,QAAA,eAAe,CAAC,QAA2B;AAC/C,QAAI,IAAI,QAAQ;AAAe,eAASA,IAAU;AACzC,aAAA,IAAIC,MAAY,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC;AAAA,EAAA;AAI5C,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,IAAI,EAAE,cAAc;AAAA,MAC/B,OAAO,IAAID,MAAY,KAAK,EAAE;AAAA,MAC9B,UAAU;AAAA,MACV,cAAc,CAAC;AAAA,MACd,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;ACRA,MAAM,YAAY;AAEX,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MAAiC;AACzB,QAAA,EAAE,SAAS,MAAM,MAAM,IAAIE,IAAa,EAAE,iBAAiB,eAAA,CAAgB;AAEjF,QAAM,KAAKC,MAAY,EAAE,OAAO,KAAK;AAErC,QAAM,IAAI,IAAIH,MAAY,KAAK;AAEzB,QAAA,WAAWI;AAEjB,QAAM,UAAwB;AAAA,IAC5B,CAAC,EAAE,MAAA,MAAY;AACb,YAAM,CAAC,CAAC,IAAIC,aAAkB,WAAW,KAAK;AAC9C,aAAO,KAAK,QAAQ,EAAE,QAAQ,EAAE;AAAA,IAClC;AAAA,IACA,CAAC,EAAE,GAAG;AAAA,EAAA;AAGR,QAAM,EAAE,WAAW,GAAG,UAAU,IAAIC,eAAoB;AAAA,IACtD,MAAM;AAAA,IACN,QAAQ,CAAC,EAAE,YAAY;AACrB,YAAM,UAAUD,aAAkB,WAAW,KAAK;AAClD,UAAI,MAAM,SAAS;AAAG,6CAAW,IAAIL,MAAY,QAAQ,CAAC,EAAE,GAAa;AAClE,aAAA;AAAA,IACT;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,SACJC,kCAAA;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,IAAI,EAAE,cAAc;AAAA,QACpB,IAAI,KAAK,IAAI;AAAA,QACb,EAAE,SAAS,EAAE,IAAI,OAAO,EAAE,IAAI,OAAO,IAAI,EAAE,WAAW;AAAA,QACtD,IAAI,WAAW,QAAQ,QAAQ,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,MACA;AAAA,MACA,aAAa,MAAM,UAAU,CAAC,EAAE,MAAM,WAAW,KAAK,EAAE,IAAI,CAAC,CAAC;AAAA,MAC9D,OAAO,EAAE,iBAAiBC,UAAgB,KAAK,EAAE;AAAA,MACjD,SAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA,SACE,YAAY,OACTP,kCAAAA,IAAAQ,MAAA,EAAU,OAAM,SAAQ,UAAA,wBAAqB,CAAA,IAC5C;AAAA,MAEL,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EAAA;AAIR,MAAI,YAAY;AAAa,WAAA;AAG3B,SAAAC,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,IAAI,GAAG,gBAAgB,UAAU;AAAA,MAC5C,aAAa;AAAA,MACb,SAAQ;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,QACDV,kCAAAA,IAAC,QAAO,EAAA,OAAc,SAAoB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhD;;;;;;;;;;;"}

package/dist/external-DVQ2SRoH.cjs

@@ -1,121 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
-const React = require("react");
-const aggregator = require("./aggregator-Bh2Kyzkg.cjs");
-const Center = require("./Center-Cc_rR5pQ.cjs");
-const Toggle = require("./Toggle-D3iCEbO1.cjs");
-const css = require("./css-Ci8WUD5E.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
-  }
-) });
-const Actions = ({ children = [] }) => {
-  const { level, divided } = useContext();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Center.Space,
-    {
-      direction: "x",
-      size: "small",
-      align: "center",
-      className: css.CSS.BE("header", "actions"),
-      children: aggregator.A(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: aggregator.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 } = useContext();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.Button,
-    {
-      variant: "text",
-      size: aggregator.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 } = useContext();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.WithIcon,
-    {
-      className: css.CSS(css.CSS.BE("header", "text"), className),
-      level: propsLevel ?? level,
-      divided,
-      size: 1.5,
-      ...props
-    }
-  );
-};
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Actions,
-  ButtonTitle,
-  Header,
-  Title,
-  useContext
-}, Symbol.toStringTag, { value: "Module" }));
-exports.Actions = Actions;
-exports.ButtonTitle = ButtonTitle;
-exports.Header = Header;
-exports.external = external;
-//# sourceMappingURL=external-DVQ2SRoH.cjs.map

package/dist/external-DVQ2SRoH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"external-DVQ2SRoH.cjs","sources":["../src/header/Header.tsx","../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 {\n  createContext,\n  type ReactElement,\n  type ReactNode,\n  useContext as reactUseContext,\n} from \"react\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { type Text } from \"@/text\";\n\nimport \"@/header/Header.css\";\n\nexport interface HeaderProps extends Omit<Align.SpaceProps, \"children\" | \"el\"> {\n  level?: Text.Level;\n  divided?: boolean;\n  children: ReactNode | [ReactNode, ReactNode];\n}\n\nexport interface ContextValue {\n  divided: boolean;\n  level: Text.Level;\n}\n\nconst Context = createContext<ContextValue>({\n  divided: false,\n  level: \"h1\",\n});\n\nexport const useContext = (): ContextValue => reactUseContext(Context);\n\n/**\n * The container for a module header.\n *\n * @param props - The component props. All unused props will be passed down to the\n * {@link Space} containing the header.\n * @param props.level - The font level for the header. See the {@link Typography.Text}\n * component for all possible levels. Default is \"h1.\"\n * @param props.icon - An optional icon to add add before the start of the header text.\n * @param props.actions - A list of actions to be rendered on the right side ofthe header.\n * If the action is a JSX element, it will be rendered directly, and if its of type\n * ButtonIconProps, a ButtonIconOnly will be rendered using the given props.\n * @param props.divided - If true, creates a divider between the start icon, header text,\n * and each action. Default is false.\n */\nexport const Header = ({\n  children,\n  className,\n  level = \"h1\",\n  divided = false,\n  ...props\n}: HeaderProps): ReactElement => (\n  <Context.Provider value={{ level, divided }}>\n    <Align.Space\n      el=\"header\"\n      direction=\"x\"\n      justify=\"spaceBetween\"\n      className={CSS(\n        CSS.B(\"header\"),\n        CSS.bordered(\"bottom\"),\n        divided && CSS.BM(\"header\", \"divided\"),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Align.Space>\n  </Context.Provider>\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 { 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 { CSS } from \"@/css\";\nimport { useContext } from \"@/header/Header\";\nimport { Text } from \"@/text\";\n\nexport interface TitleProps extends Omit<Text.WithIconProps, \"divided\" | \"level\"> {\n  level?: Text.Level;\n}\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      size={1.5}\n      {...props}\n    />\n  );\n};\n"],"names":["createContext","reactUseContext","jsx","Align.Space","CSS","toArray","isValidElement","Button.Icon","Text.LevelComponentSizes","Fragment","Divider.Divider","Button.Button","Text.WithIcon"],"mappings":";;;;;;;AAiCA,MAAM,UAAUA,MAAAA,cAA4B;AAAA,EAC1C,SAAS;AAAA,EACT,OAAO;AACT,CAAC;AAEY,MAAA,aAAa,MAAoBC,iBAAgB,OAAO;AAgB9D,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,GAAG;AACL,MACEC,2BAAA,kBAAA,IAAC,QAAQ,UAAR,EAAiB,OAAO,EAAE,OAAO,WAChC,UAAAA,2BAAA,kBAAA;AAAA,EAACC,OAAM;AAAA,EAAN;AAAA,IACC,IAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,WAAWC,IAAA;AAAA,MACTA,IAAA,IAAI,EAAE,QAAQ;AAAA,MACdA,IAAA,IAAI,SAAS,QAAQ;AAAA,MACrB,WAAWA,IAAA,IAAI,GAAG,UAAU,SAAS;AAAA,MACrC;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,EACF,CAAA;AC1CK,MAAM,UAAU,CAAC,EAAE,WAAW,CAAA,QAAqC;AACxE,QAAM,EAAE,OAAO,QAAQ,IAAI,WAAW;AAEpC,SAAAF,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,WAAA,EAAA,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,WAAK,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,UAAU;AAEhB,SAAAR,2BAAA,kBAAA;AAAA,IAACS,OAAO;AAAA,IAAP;AAAA,MACC,SAAQ;AAAA,MACR,MAAMH,WAAK,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;ACpBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAgC;AAC9B,QAAM,EAAE,OAAO,QAAQ,IAAI,WAAW;AAEpC,SAAAF,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,MACA,MAAM;AAAA,MACL,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;;;;;;;;;;;"}

package/dist/external-D_yXh8rn.cjs

@@ -1,156 +0,0 @@
-"use strict";
-const Toggle = require("./Toggle-D3iCEbO1.cjs");
-const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
-const css = require("./css-Ci8WUD5E.cjs");
-const aggregator = require("./aggregator-Bh2Kyzkg.cjs");
-const React = require("react");
-const Center = require("./Center-Cc_rR5pQ.cjs");
-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,
-  required = false,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("label", { className: css.CSS(css.CSS.B("input-label"), className), ...props, children: [
-    children,
-    " ",
-    required && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: css.CSS.B("required-indicator"), children: "*" })
-  ] });
-};
-const maybeDefaultAlignment = (align, dir = "x") => {
-  if (align != null)
-    return align;
-  return css.f.construct(dir) === "y" ? "stretch" : "center";
-};
-const Item = ({
-  label,
-  showLabel = true,
-  helpText,
-  direction: direction2 = "y",
-  className,
-  children,
-  required,
-  align,
-  size = "small",
-  padHelpText = false,
-  helpTextVariant,
-  showHelpText = true,
-  ...props
-}) => {
-  let inputAndHelp;
-  if (showHelpText === false && showLabel === false)
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children });
-  if (direction2 === "x")
-    inputAndHelp = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Center.Space, { direction: "y", size: "small", children: [
-      children,
-      (padHelpText || helpText != null && helpText.length > 0) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HelpText, { variant: helpTextVariant, children: helpText })
-    ] });
-  else
-    inputAndHelp = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Center.Space, { direction: "y", size: 1 / 3, children: [
-      children,
-      (padHelpText || helpText != null && helpText.length > 0) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HelpText, { variant: helpTextVariant, 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, { required, children: label }),
-        inputAndHelp
-      ]
-    }
-  );
-};
-const DateTime = ({
-  value,
-  onChange,
-  onBlur,
-  ...props
-}) => {
-  const ts = new aggregator.m(value, "UTC");
-  const [internalValue, setInternalValue] = React.useState(
-    ts.fString("ISO", "local").slice(0, -1)
-  );
-  const [valueIsValid, setValueIsValid] = React.useState(true);
-  const handleChange = (next) => {
-    let nextStr = next.toString();
-    setInternalValue(nextStr);
-    let ts2 = new aggregator.m(next, "UTC");
-    if (nextStr.length < 23)
-      nextStr += ".000";
-    ts2 = ts2.add(
-      BigInt(
-        aggregator.m.now().date().getTimezoneOffset() - ts2.date().getTimezoneOffset()
-      ) * aggregator.w.MINUTE.valueOf()
-    );
-    let ok = false;
-    try {
-      const str = ts2.fString("ISO", "local");
-      ok = str.slice(0, -1) === nextStr;
-    } catch (_) {
-      console.error("e");
-    }
-    if (!ok) {
-      setValueIsValid(false);
-      return;
-    }
-    onChange(Number(ts2.valueOf()));
-    setValueIsValid(true);
-  };
-  const handleBlur = (e) => {
-    setValueIsValid(true);
-    setInternalValue(new aggregator.m(value, "UTC").fString("ISO", "local").slice(0, -1));
-    onBlur == null ? void 0 : onBlur(e);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.Text$1,
-    {
-      type: "datetime-local",
-      onBlur: handleBlur,
-      required: false,
-      value: valueIsValid ? new aggregator.m(value, "UTC").fString("ISO", "local").slice(0, -1) : internalValue,
-      onChange: handleChange,
-      ...props
-    }
-  );
-};
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Date: Toggle.Date,
-  DateTime,
-  DragButton: Toggle.DragButton,
-  HelpText,
-  Item,
-  Label,
-  Numeric: Toggle.Numeric,
-  Switch: Toggle.Switch$1,
-  Text: Toggle.Text$1,
-  TextArea: Toggle.TextArea,
-  Time: Toggle.Time,
-  combineDateAndTimeValue: Toggle.combineDateAndTimeValue,
-  useDate: Toggle.useDate,
-  useTime: Toggle.useTime
-}, Symbol.toStringTag, { value: "Module" }));
-exports.Item = Item;
-exports.external = external;
-//# sourceMappingURL=external-D_yXh8rn.cjs.map

package/dist/external-D_yXh8rn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"external-D_yXh8rn.cjs","sources":["../src/input/HelpText.tsx","../src/input/Label.tsx","../src/input/Item.tsx","../src/input/DateTime.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 Status } from \"@/status\";\nimport { Text } from \"@/text\";\n\nimport \"@/input/HelpText.css\";\n\n/** Props for the {@link HelpText} component. */\nexport interface HelpTextProps extends Omit<Text.TextProps<\"small\">, \"level\" | \"ref\"> {\n  variant?: Status.Variant;\n}\n\n/**\n * Help text for an input component. We generally recommend using Input.Item with a\n * 'helpText' prop instead of this component. This component is useful for low-level\n * control over the help text element.\n *\n * @param props - Props for the help text component. Unlisted props are passed to the\n * underlying text element.\n * @param props.variant - The variant of the help text.\n * \"success\" | \"error\" | \"warning\" | \"info\" | \"loading\" | \"disabled\n * @default \"info\"\n */\nexport const HelpText = ({\n  className,\n  variant = \"error\",\n  ...props\n}: HelpTextProps): ReactElement => (\n  <Text.Text<\"small\">\n    className={CSS(\n      CSS.B(\"input-help-text\"),\n      CSS.BM(\"input-help-text\", variant),\n      className,\n    )}\n    level=\"small\"\n    {...props}\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 DetailedHTMLProps, type HTMLAttributes, type ReactElement } from \"react\";\n\nimport { CSS } from \"@/css\";\n\nimport \"@/input/Label.css\";\n\n/** Props for the {@link Label} component. */\nexport interface LabelProps\n  extends DetailedHTMLProps<HTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {\n  required?: boolean;\n}\n\n/**\n * A thin, styled wrapper for an input label. We generally recommend using Input.Item\n * with a 'label' prop instead of this component. This component is useful for\n * low-level control over the label element.\n *\n * @param props - Props for the label component. Unlisted props are passed to the\n * underlying label element.\n * @param props.required - Indicate whether the label is associated with a required\n * input.\n */\nexport const Label = ({\n  className,\n  required = false,\n  children,\n  ...props\n}: LabelProps): ReactElement => {\n  return (\n    <label className={CSS(CSS.B(\"input-label\"), className)} {...props}>\n      {children} {required && <span className={CSS.B(\"required-indicator\")}>*</span>}\n    </label>\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 { direction } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { HelpText } from \"@/input/HelpText\";\nimport { Label } from \"@/input/Label\";\n\nimport \"@/input/Item.css\";\nimport { status } from \"@/status/aether\";\n\nexport interface ItemProps extends Align.SpaceProps {\n  label?: string;\n  required?: boolean;\n  showLabel?: boolean;\n  helpText?: string;\n  padHelpText?: boolean;\n  helpTextVariant?: status.Variant;\n  showHelpText?: boolean;\n}\n\nconst maybeDefaultAlignment = (\n  align?: Align.Alignment,\n  dir: direction.Crude = \"x\",\n): Align.Alignment => {\n  if (align != null) return align;\n  return direction.construct(dir) === \"y\" ? \"stretch\" : \"center\";\n};\n\nexport const Item = ({\n  label,\n  showLabel = true,\n  helpText,\n  direction = \"y\",\n  className,\n  children,\n  required,\n  align,\n  size = \"small\",\n  padHelpText = false,\n  helpTextVariant,\n  showHelpText = true,\n  ...props\n}: ItemProps): ReactElement => {\n  let inputAndHelp: ReactElement;\n  if (showHelpText === false && showLabel === false) return <>{children}</>;\n  if (direction === \"x\")\n    inputAndHelp = (\n      <Align.Space direction=\"y\" size=\"small\">\n        {children}\n        {(padHelpText || (helpText != null && helpText.length > 0)) && (\n          <HelpText variant={helpTextVariant}>{helpText}</HelpText>\n        )}\n      </Align.Space>\n    );\n  else\n    inputAndHelp = (\n      <Align.Space direction=\"y\" size={1 / 3}>\n        {children}\n        {(padHelpText || (helpText != null && helpText.length > 0)) && (\n          <HelpText variant={helpTextVariant}>{helpText}</HelpText>\n        )}\n      </Align.Space>\n    );\n\n  return (\n    <Align.Space\n      className={CSS(CSS.B(\"input-item\"), className)}\n      direction={direction}\n      size={size}\n      align={maybeDefaultAlignment(align, direction)}\n      {...props}\n    >\n      {showLabel && <Label required={required}>{label}</Label>}\n      {inputAndHelp}\n    </Align.Space>\n  );\n};\n","// Copyright 2024 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, useState } from \"react\";\n\nimport { TimeSpan, TimeStamp } from \"@synnaxlabs/x\";\n\nimport { Text } from \"@/input/Text\";\nimport { type BaseProps } from \"@/input/types\";\n\nexport interface DateTimeProps extends BaseProps<number> {}\n\nexport const DateTime = ({\n  value,\n  onChange,\n  onBlur,\n  ...props\n}: DateTimeProps): ReactElement => {\n  const ts = new TimeStamp(value, \"UTC\");\n  const [internalValue, setInternalValue] = useState(\n    ts.fString(\"ISO\", \"local\").slice(0, -1),\n  );\n  const [valueIsValid, setValueIsValid] = useState(true);\n\n  const handleChange = (next: string | number): void => {\n    let nextStr = next.toString();\n    setInternalValue(nextStr);\n\n    let ts = new TimeStamp(next, \"UTC\");\n    if (nextStr.length < 23) nextStr += \".000\";\n\n    ts = ts.add(\n      BigInt(\n        TimeStamp.now().date().getTimezoneOffset() - ts.date().getTimezoneOffset(),\n      ) * TimeSpan.MINUTE.valueOf(),\n    );\n    let ok = false;\n    try {\n      const str = ts.fString(\"ISO\", \"local\");\n      ok = str.slice(0, -1) === nextStr;\n    } catch (_) {\n      console.error(\"e\");\n    }\n    if (!ok) {\n      setValueIsValid(false);\n      return;\n    }\n    onChange(Number(ts.valueOf()));\n    setValueIsValid(true);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    setValueIsValid(true);\n    setInternalValue(new TimeStamp(value, \"UTC\").fString(\"ISO\", \"local\").slice(0, -1));\n    onBlur?.(e);\n  };\n\n  return (\n    <Text\n      type=\"datetime-local\"\n      onBlur={handleBlur}\n      required={false}\n      value={\n        valueIsValid\n          ? new TimeStamp(value, \"UTC\").fString(\"ISO\", \"local\").slice(0, -1)\n          : internalValue\n      }\n      onChange={handleChange}\n      {...props}\n    />\n  );\n};\n"],"names":["jsx","Text.Text","CSS","jsxs","direction","Align.Space","TimeStamp","useState","ts","TimeSpan","Text"],"mappings":"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"}