@synnaxlabs/pluto 0.21.10 → 0.24.0

package/dist/external-Iv2mRce8.cjs

@@ -1,286 +0,0 @@
-"use strict";
-const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
-const React = require("react");
-const Toggle = require("./Toggle-D3iCEbO1.cjs");
-const Center = require("./Center-Cc_rR5pQ.cjs");
-const css = require("./css-Ci8WUD5E.cjs");
-const aggregator = require("./aggregator-Bh2Kyzkg.cjs");
-const resetSelection = (selected = "", tabs = []) => {
-  var _a;
-  if (tabs.length === 0)
-    return void 0;
-  return tabs.find((t) => t.tabKey === selected) != null ? selected : (_a = tabs[tabs.length - 1]) == null ? void 0 : _a.tabKey;
-};
-const rename = (key, title, tabs) => {
-  title = title.trim();
-  if (title.length === 0)
-    return tabs;
-  const t = tabs.find((t2) => t2.tabKey === key);
-  if (t == null || t.name === title)
-    return tabs;
-  return tabs.map((t2) => t2.tabKey === key ? { ...t2, name: title } : t2);
-};
-const useStatic = ({
-  tabs,
-  content,
-  selected,
-  onSelect
-}) => {
-  var _a;
-  const [value, onChange] = aggregator.usePurePassthrough({
-    initial: selected ?? ((_a = tabs[0]) == null ? void 0 : _a.tabKey) ?? "",
-    value: selected,
-    onChange: onSelect
-  });
-  const valueRef = Toggle.useSyncedRef(selected ?? value);
-  const handleSelect = React.useCallback(
-    (key) => {
-      onChange(key);
-      if (valueRef.current == null)
-        onSelect == null ? void 0 : onSelect(key);
-    },
-    [value, onSelect]
-  );
-  return {
-    tabs,
-    selected: value,
-    content,
-    onSelect: handleSelect
-  };
-};
-const TabsContext = React.createContext({ tabs: [] });
-const useTabsContext = () => React.useContext(TabsContext);
-const Tabs = ({
-  id,
-  content,
-  children,
-  onSelect,
-  selected,
-  closable,
-  tabs,
-  onClose,
-  onDragStart,
-  onDragEnd,
-  onCreate,
-  onRename,
-  emptyContent,
-  className,
-  onDragOver,
-  onDrop,
-  size = "medium",
-  direction: dir = "y",
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-  Center.Space,
-  {
-    id,
-    empty: true,
-    className: css.CSS(css.CSS.B("tabs"), className),
-    onDragOver,
-    onDrop,
-    direction: dir,
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      TabsContext.Provider,
-      {
-        value: {
-          tabs,
-          emptyContent,
-          selected,
-          closable,
-          content: children ?? content,
-          onSelect,
-          onClose,
-          onDragStart,
-          onDragEnd,
-          onRename,
-          onCreate,
-          onDrop
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Selector, { size, direction: css.f.swap(dir) }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Content, {})
-        ]
-      }
-    )
-  }
-);
-const Provider = TabsContext.Provider;
-const Content = () => {
-  const {
-    tabs,
-    selected,
-    content: renderProp,
-    emptyContent,
-    onSelect
-  } = useTabsContext();
-  let content = null;
-  const selectedTab = tabs.find((tab) => tab.tabKey === selected);
-  if (selected == null || selectedTab == null)
-    return emptyContent ?? null;
-  if (renderProp != null) {
-    if (typeof renderProp === "function")
-      content = renderProp(selectedTab);
-    else
-      content = renderProp;
-  } else if (selectedTab.content != null)
-    content = selectedTab.content;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: css.CSS.B("tabs-content"), onClick: () => onSelect == null ? void 0 : onSelect(selected), children: content });
-};
-const CLS = "tabs-selector";
-const Selector = ({
-  className,
-  size = "medium",
-  direction = "x",
-  ...props
-}) => {
-  const {
-    tabs,
-    selected,
-    onSelect,
-    onClose,
-    closable,
-    onDragEnd,
-    onDragStart,
-    onDrop,
-    onRename,
-    onCreate
-  } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    Center.Space,
-    {
-      className: css.CSS(css.CSS.B(CLS), css.CSS.size(size), className),
-      align: "center",
-      justify: "spaceBetween",
-      onDrop,
-      empty: true,
-      direction,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Space, { direction, className: css.CSS.BE(CLS, "tabs"), empty: true, children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          SelectorButton,
-          {
-            selected,
-            onSelect,
-            onClose,
-            onDragStart,
-            onDragEnd,
-            onRename,
-            closable: tab.closable ?? closable,
-            size,
-            ...tab
-          },
-          tab.tabKey
-        )) }),
-        onCreate != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Space, { className: css.CSS.BE(CLS, "actions"), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon, { size, sharp: true, onClick: onCreate, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.m0.Add, {}) }) })
-      ]
-    }
-  );
-};
-const SelectorButton = ({
-  selected,
-  onSelect,
-  onClose,
-  tabKey,
-  name,
-  onDragStart,
-  onDragEnd,
-  onRename,
-  closable = true,
-  icon,
-  size,
-  editable = true
-}) => {
-  const handleDragStart = React.useCallback(
-    (e) => onDragStart == null ? void 0 : onDragStart(e, { tabKey, name }),
-    [onDragStart, tabKey, name]
-  );
-  const handleDragEnd = React.useCallback(
-    (e) => onDragEnd == null ? void 0 : onDragEnd(e, { tabKey, name }),
-    [onDragEnd, tabKey, name]
-  );
-  const handleClose = React.useCallback(
-    (e) => {
-      e.stopPropagation();
-      onClose == null ? void 0 : onClose(tabKey);
-    },
-    [onClose, tabKey]
-  );
-  const _onSelect = React.useCallback(() => onSelect == null ? void 0 : onSelect(tabKey), [onSelect, tabKey]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    Center.Pack,
-    {
-      size,
-      className: css.CSS(
-        css.CSS.BE(CLS, "btn"),
-        onRename == null && css.CSS.BEM(CLS, "btn", "uneditable"),
-        css.CSS.selected(selected === tabKey),
-        closable && onClose != null && css.CSS.BEM(CLS, "btn", "closable")
-      ),
-      draggable: true,
-      direction: "x",
-      justify: "center",
-      align: "center",
-      onClick: _onSelect,
-      onDragStart: handleDragStart,
-      onDragEnd: handleDragEnd,
-      bordered: false,
-      rounded: false,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          Name,
-          {
-            name,
-            tabKey,
-            onRename,
-            icon,
-            editable,
-            level: aggregator.ComponentSizeLevels[size]
-          }
-        ),
-        closable && onClose != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon, { onClick: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.m0.Close, { "aria-label": "pluto-tabs__close" }) })
-      ]
-    }
-  );
-};
-const Name = ({
-  onRename,
-  name,
-  tabKey,
-  icon,
-  editable = true,
-  ...props
-}) => {
-  if (onRename == null || !editable) {
-    if (icon != null)
-      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.WithIcon, { startIcon: icon, noWrap: true, ...props, children: name });
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { noWrap: true, ...props, children: name });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.Editable,
-    {
-      onChange: (newText) => onRename(tabKey, newText),
-      value: name,
-      noWrap: true,
-      ...props
-    }
-  );
-};
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Content,
-  Provider,
-  Selector,
-  Tabs,
-  TabsContext,
-  rename,
-  resetSelection,
-  useStatic,
-  useTabsContext
-}, Symbol.toStringTag, { value: "Module" }));
-exports.Tabs = Tabs;
-exports.external = external;
-exports.rename = rename;
-exports.resetSelection = resetSelection;
-exports.useStatic = useStatic;
-//# sourceMappingURL=external-Iv2mRce8.cjs.map

package/dist/external-Iv2mRce8.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"external-Iv2mRce8.cjs","sources":["../src/tabs/Tabs.tsx","../src/tabs/Selector.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 React, {\n  createContext,\n  type ReactElement,\n  type ReactNode,\n  useContext,\n  useCallback,\n} from \"react\";\n\nimport { direction } from \"@synnaxlabs/x\";\n\nimport { Align } from \"@/align\";\nimport { CSS } from \"@/css\";\nimport { useSyncedRef } from \"@/hooks\";\nimport { state } from \"@/state\";\nimport { type TabSpec, Selector } from \"@/tabs/Selector\";\nimport { type ComponentSize } from \"@/util/component\";\nimport { type RenderProp } from \"@/util/renderProp\";\n\nimport \"@/tabs/Tabs.css\";\n\nexport interface Tab extends TabSpec {\n  content?: ReactNode;\n}\n\nexport type TabRenderProp = RenderProp<Tab>;\n\nexport interface UseStaticTabsProps {\n  tabs: Tab[];\n  content?: TabRenderProp;\n  onSelect?: (key: string) => void;\n  selected?: string;\n}\n\nexport const resetSelection = (selected = \"\", tabs: Tab[] = []): string | undefined => {\n  if (tabs.length === 0) return undefined;\n  return tabs.find((t) => t.tabKey === selected) != null\n    ? selected\n    : tabs[tabs.length - 1]?.tabKey;\n};\n\nexport const rename = (key: string, title: string, tabs: Tab[]): Tab[] => {\n  title = title.trim();\n  if (title.length === 0) return tabs;\n  const t = tabs.find((t) => t.tabKey === key);\n  if (t == null || t.name === title) return tabs;\n  return tabs.map((t) => (t.tabKey === key ? { ...t, name: title } : t));\n};\n\nexport const useStatic = ({\n  tabs,\n  content,\n  selected,\n  onSelect,\n}: UseStaticTabsProps): TabsContextValue => {\n  const [value, onChange] = state.usePurePassthrough({\n    initial: selected ?? tabs[0]?.tabKey ?? \"\",\n    value: selected,\n    onChange: onSelect,\n  });\n  const valueRef = useSyncedRef(selected ?? value);\n\n  const handleSelect = useCallback(\n    (key: string): void => {\n      onChange(key);\n      if (valueRef.current == null) onSelect?.(key);\n    },\n    [value, onSelect],\n  );\n\n  return {\n    tabs,\n    selected: value,\n    content,\n    onSelect: handleSelect,\n  };\n};\n\nexport interface TabsContextValue {\n  tabs: Tab[];\n  emptyContent?: ReactElement | null;\n  closable?: boolean;\n  selected?: string;\n  onSelect?: (key: string) => void;\n  content?: TabRenderProp | ReactNode;\n  onClose?: (key: string) => void;\n  onDragStart?: (e: React.DragEvent<HTMLDivElement>, tab: TabSpec) => void;\n  onDragEnd?: (e: React.DragEvent<HTMLDivElement>, tab: TabSpec) => void;\n  onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;\n  onRename?: (key: string, title: string) => void;\n  onCreate?: () => void;\n}\n\nexport interface TabsProps\n  extends Omit<\n      Align.SpaceProps,\n      \"children\" | \"onSelect\" | \"size\" | \"onDragStart\" | \"onDragEnd\" | \"content\"\n    >,\n    TabsContextValue {\n  children?: TabRenderProp | ReactNode;\n  size?: ComponentSize;\n}\n\nexport const TabsContext = createContext<TabsContextValue>({ tabs: [] });\n\nexport const useTabsContext = (): TabsContextValue => useContext(TabsContext);\n\nexport const Tabs = ({\n  id,\n  content,\n  children,\n  onSelect,\n  selected,\n  closable,\n  tabs,\n  onClose,\n  onDragStart,\n  onDragEnd,\n  onCreate,\n  onRename,\n  emptyContent,\n  className,\n  onDragOver,\n  onDrop,\n  size = \"medium\",\n  direction: dir = \"y\",\n  ...props\n}: TabsProps): ReactElement => (\n  <Align.Space\n    id={id}\n    empty\n    className={CSS(CSS.B(\"tabs\"), className)}\n    onDragOver={onDragOver}\n    onDrop={onDrop}\n    direction={dir}\n    {...props}\n  >\n    <TabsContext.Provider\n      value={{\n        tabs,\n        emptyContent,\n        selected,\n        closable,\n        content: children ?? content,\n        onSelect,\n        onClose,\n        onDragStart,\n        onDragEnd,\n        onRename,\n        onCreate,\n        onDrop,\n      }}\n    >\n      <Selector size={size} direction={direction.swap(dir)} />\n      <Content />\n    </TabsContext.Provider>\n  </Align.Space>\n);\n\nexport const Provider = TabsContext.Provider;\n\nexport const Content = (): ReactNode | null => {\n  const {\n    tabs,\n    selected,\n    content: renderProp,\n    emptyContent,\n    onSelect,\n  } = useTabsContext();\n  let content: ReactNode = null;\n  const selectedTab = tabs.find((tab) => tab.tabKey === selected);\n  if (selected == null || selectedTab == null) return emptyContent ?? null;\n  if (renderProp != null) {\n    if (typeof renderProp === \"function\") content = renderProp(selectedTab);\n    else content = renderProp;\n  } else if (selectedTab.content != null) content = selectedTab.content;\n  return (\n    <div className={CSS.B(\"tabs-content\")} onClick={() => onSelect?.(selected)}>\n      {content}\n    </div>\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 {\n  type DragEventHandler,\n  type MouseEventHandler,\n  type ReactElement,\n  useCallback,\n} from \"react\";\n\nimport { Icon } from \"@synnaxlabs/media\";\n\nimport { Align } from \"@/align\";\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useTabsContext } from \"@/tabs/Tabs\";\nimport { Text } from \"@/text\";\nimport { type ComponentSize } from \"@/util/component\";\n\nexport interface TabSpec {\n  tabKey: string;\n  name: string;\n  closable?: boolean;\n  icon?: ReactElement;\n  editable?: boolean;\n}\n\nexport interface SelectorProps extends Omit<Align.SpaceProps, \"children\"> {\n  size?: ComponentSize;\n}\n\nconst CLS = \"tabs-selector\";\n\nexport const Selector = ({\n  className,\n  size = \"medium\",\n  direction = \"x\",\n  ...props\n}: SelectorProps): ReactElement | null => {\n  const {\n    tabs,\n    selected,\n    onSelect,\n    onClose,\n    closable,\n    onDragEnd,\n    onDragStart,\n    onDrop,\n    onRename,\n    onCreate,\n  } = useTabsContext();\n  return (\n    <Align.Space\n      className={CSS(CSS.B(CLS), CSS.size(size), className)}\n      align=\"center\"\n      justify=\"spaceBetween\"\n      onDrop={onDrop}\n      empty\n      direction={direction}\n      {...props}\n    >\n      <Align.Space direction={direction} className={CSS.BE(CLS, \"tabs\")} empty>\n        {tabs.map((tab) => (\n          <SelectorButton\n            key={tab.tabKey}\n            selected={selected}\n            onSelect={onSelect}\n            onClose={onClose}\n            onDragStart={onDragStart}\n            onDragEnd={onDragEnd}\n            onRename={onRename}\n            closable={tab.closable ?? closable}\n            size={size}\n            {...tab}\n          />\n        ))}\n      </Align.Space>\n\n      {onCreate != null && (\n        <Align.Space className={CSS.BE(CLS, \"actions\")}>\n          <Button.Icon size={size} sharp onClick={onCreate}>\n            <Icon.Add />\n          </Button.Icon>\n        </Align.Space>\n      )}\n    </Align.Space>\n  );\n};\n\nconst SelectorButton = ({\n  selected,\n  onSelect,\n  onClose,\n  tabKey,\n  name,\n  onDragStart,\n  onDragEnd,\n  onRename,\n  closable = true,\n  icon,\n  size,\n  editable = true,\n}: SelectorButtonProps): ReactElement => {\n  const handleDragStart: DragEventHandler<HTMLDivElement> = useCallback(\n    (e) => onDragStart?.(e, { tabKey, name }),\n    [onDragStart, tabKey, name],\n  );\n\n  const handleDragEnd: DragEventHandler<HTMLDivElement> = useCallback(\n    (e) => onDragEnd?.(e, { tabKey, name }),\n    [onDragEnd, tabKey, name],\n  );\n\n  const handleClose: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (e) => {\n      e.stopPropagation();\n      onClose?.(tabKey);\n    },\n    [onClose, tabKey],\n  );\n\n  const _onSelect = useCallback(() => onSelect?.(tabKey), [onSelect, tabKey]);\n\n  return (\n    <Align.Pack\n      size={size}\n      className={CSS(\n        CSS.BE(CLS, \"btn\"),\n        onRename == null && CSS.BEM(CLS, \"btn\", \"uneditable\"),\n        CSS.selected(selected === tabKey),\n        closable && onClose != null && CSS.BEM(CLS, \"btn\", \"closable\"),\n      )}\n      draggable\n      direction=\"x\"\n      justify=\"center\"\n      align=\"center\"\n      onClick={_onSelect}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      bordered={false}\n      rounded={false}\n    >\n      <Name\n        name={name}\n        tabKey={tabKey}\n        onRename={onRename}\n        icon={icon}\n        editable={editable}\n        level={Text.ComponentSizeLevels[size]}\n      />\n      {closable && onClose != null && (\n        <Button.Icon onClick={handleClose}>\n          <Icon.Close aria-label=\"pluto-tabs__close\" />\n        </Button.Icon>\n      )}\n    </Align.Pack>\n  );\n};\n\nexport interface SelectorButtonProps extends TabSpec {\n  selected?: string;\n  onDragStart?: (e: React.DragEvent<HTMLDivElement>, tab: TabSpec) => void;\n  onDragEnd?: (e: React.DragEvent<HTMLDivElement>, tab: TabSpec) => void;\n  onSelect?: (key: string) => void;\n  onClose?: (key: string) => void;\n  onRename?: (key: string, name: string) => void;\n  size: ComponentSize;\n}\n\ninterface NameProps extends Text.CoreProps<Text.Level> {\n  onRename?: (key: string, name: string) => void;\n  name: string;\n  tabKey: string;\n  icon?: ReactElement;\n  editable?: boolean;\n}\n\nconst Name = ({\n  onRename,\n  name,\n  tabKey,\n  icon,\n  editable = true,\n  ...props\n}: NameProps): ReactElement => {\n  if (onRename == null || !editable) {\n    if (icon != null)\n      return (\n        <Text.WithIcon startIcon={icon} noWrap {...props}>\n          {name}\n        </Text.WithIcon>\n      );\n    return (\n      <Text.Text noWrap {...props}>\n        {name}\n      </Text.Text>\n    );\n  }\n  return (\n    <Text.Editable<Text.Level>\n      onChange={(newText: string) => onRename(tabKey, newText)}\n      value={name}\n      noWrap\n      {...props}\n    />\n  );\n};\n"],"names":["t","state.usePurePassthrough","useSyncedRef","useCallback","createContext","useContext","jsx","Align.Space","CSS","jsxs","direction","Button.Icon","Icon","Align.Pack","Text.ComponentSizeLevels","Text.WithIcon","Text.Text","Text.Editable"],"mappings":"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"}

package/dist/external-P6zP6dBA.cjs

@@ -1,13 +0,0 @@
-"use strict";
-const Toggle = require("./Toggle-D3iCEbO1.cjs");
-const Link = require("./Link-Bq38h1dw.cjs");
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Button: Toggle.Button,
-  Icon: Toggle.Icon,
-  Link: Link.Link,
-  Toggle: Toggle.Toggle,
-  ToggleIcon: Toggle.ToggleIcon
-}, Symbol.toStringTag, { value: "Module" }));
-exports.external = external;
-//# sourceMappingURL=external-P6zP6dBA.cjs.map

package/dist/external-P6zP6dBA.cjs.map

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

package/dist/external-d-vI8EHK.cjs

@@ -1,107 +0,0 @@
-"use strict";
-const css = require("./css-Ci8WUD5E.cjs");
-const jsxRuntime = require("./jsx-runtime-B3vWrP5x.cjs");
-const Toggle = require("./Toggle-D3iCEbO1.cjs");
-const React = require("react");
-require("./aggregator-Bh2Kyzkg.cjs");
-require("./Center-Cc_rR5pQ.cjs");
-const Picker = ({ value, onChange, ...props }) => {
-  const handleChange = (res) => {
-    if (res.hex === "transparent")
-      onChange(css.ZERO);
-    onChange(new css.Color(res.hex, res.rgb.a));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.SketchPicker,
-    {
-      className: css.CSS.B("color-picker"),
-      color: new css.Color(value).hex,
-      onChange: handleChange,
-      presetColors: [],
-      ...props
-    }
-  );
-};
-const HAUL_TYPE = "color";
-const Swatch = ({
-  value,
-  onChange,
-  className,
-  size = "medium",
-  onVisibleChange,
-  initialVisible,
-  draggable = true,
-  ...props
-}) => {
-  const { visible, open, close } = Toggle.use$1({ onVisibleChange, initialVisible });
-  const bg = Toggle.use().colors.gray.l0;
-  const d = new css.Color(value);
-  const dragging = Toggle.useDraggingState();
-  const canDrop = React.useCallback(
-    ({ items }) => {
-      const [k] = Toggle.filterByType(HAUL_TYPE, items);
-      return k != null && k.key !== d.hex;
-    },
-    [d.hex]
-  );
-  const { startDrag, ...haulProps } = Toggle.useDragAndDrop({
-    type: "Color.Swatch",
-    onDrop: ({ items }) => {
-      const dropped = Toggle.filterByType(HAUL_TYPE, items);
-      if (items.length > 0)
-        onChange == null ? void 0 : onChange(new css.Color(dropped[0].key));
-      return dropped;
-    },
-    canDrop
-  });
-  const swatch = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.Button,
-    {
-      className: css.CSS(
-        css.CSS.B("color-swatch"),
-        css.CSS.size(size),
-        d.contrast(bg) > 1.5 && d.a > 0.5 && css.CSS.M("no-border"),
-        css.CSS.dropRegion(canDrop(dragging)),
-        className
-      ),
-      draggable,
-      onDragStart: () => startDrag([{ type: HAUL_TYPE, key: d.hex }]),
-      style: { backgroundColor: css.cssString(value) },
-      variant: "text",
-      onClick: open,
-      size,
-      tooltip: onChange != null ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { level: "small", children: "Click to change color" }) : void 0,
-      ...haulProps,
-      ...props
-    }
-  );
-  if (onChange == null)
-    return swatch;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    Toggle.Dialog,
-    {
-      close,
-      visible,
-      className: css.CSS.BE("color-swatch", "dropdown"),
-      keepMounted: false,
-      variant: "floating",
-      children: [
-        swatch,
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Picker, { value, onChange })
-      ]
-    }
-  );
-};
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Color: css.Color,
-  Picker,
-  Swatch,
-  ZERO: css.ZERO,
-  cssString: css.cssString,
-  fromHSLA: css.fromHSLA,
-  toHex: css.toHex
-}, Symbol.toStringTag, { value: "Module" }));
-exports.Swatch = Swatch;
-exports.external = external;
-//# sourceMappingURL=external-d-vI8EHK.cjs.map

package/dist/external-d-vI8EHK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"external-d-vI8EHK.cjs","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","SketchPicker","CSS","Dropdown.use","Theming.use","Haul.useDraggingState","useCallback","Haul.filterByType","Haul.useDragAndDrop","Button.Button","color.cssString","Text.Text","jsxs","Dropdown.Dialog"],"mappings":"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"}

package/dist/external-giUMrk8w.js

@@ -1,78 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-mMz73N64.js";
-import { B as Button, I as Icon, C as CONTEXT_SELECTED, q as CONTEXT_TARGET, r as ContextMenu, s as useContextMenu } from "./Toggle-bT5RpwfA.js";
-import { L as Link } from "./Link-DQKdkwWL.js";
-import { C as CSS } from "./css-DKKmdhSr.js";
-import { createContext, useContext } from "react";
-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;
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CONTEXT_SELECTED,
-  CONTEXT_TARGET,
-  ContextMenu,
-  CoreItem,
-  Item,
-  Menu,
-  MenuContext,
-  useContextMenu,
-  useMenuContext
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  external as e
-};
-//# sourceMappingURL=external-giUMrk8w.js.map

package/dist/external-giUMrk8w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"external-giUMrk8w.js","sources":["../src/menu/Menu.tsx","../src/menu/Item.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 PropsWithChildren,\n  type ReactElement,\n  useContext,\n} from \"react\";\n\nimport { type Input } from \"@/input\";\nimport { type Text } from \"@/text\";\nimport { type ComponentSize } from \"@/util/component\";\n\ninterface MenuContextValue {\n  onClick: (key: string) => void;\n  selected: string;\n  level?: Text.Level;\n  iconSpacing?: ComponentSize;\n}\n\nexport const MenuContext = createContext<MenuContextValue>({\n  onClick: () => {},\n  selected: \"\",\n});\n\nexport interface MenuProps\n  extends Partial<Input.Control<string>>,\n    PropsWithChildren,\n    Pick<MenuContextValue, \"level\" | \"iconSpacing\"> {}\n\nexport const useMenuContext = (): MenuContextValue => useContext(MenuContext);\n\n/**\n * Menu is a modular component that allows you to create a menu with a list of items.\n * It satisfies the InputControl string interface, so it's selected value can be\n * controlled.\n *\n * @param props - Props for the component. All unlisted props will be spread to the\n * underlying Space component acting as the root element.\n * @param props.onChange - Callback executed when the selected item changes.\n * @param props.value - The selected item.\n */\nexport const Menu = ({\n  children,\n  onChange,\n  level,\n  iconSpacing,\n  value = \"\",\n}: MenuProps): ReactElement => {\n  const handleClick: MenuProps[\"onChange\"] = (key) => onChange?.(key);\n  return (\n    <MenuContext.Provider\n      value={{ onClick: handleClick, selected: value, level, iconSpacing }}\n    >\n      {children}\n    </MenuContext.Provider>\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 FunctionComponent, type ReactElement } from \"react\";\n\nimport { Button } from \"@/button\";\nimport { CSS } from \"@/css\";\nimport { useMenuContext } from \"@/menu/Menu\";\n\nimport \"@/menu/Item.css\";\n\nconst menuItemFactory =\n  <E extends Pick<Button.ButtonProps, \"className\" | \"onClick\" | \"size\">>(\n    Base: FunctionComponent<E>,\n    defaultProps?: Partial<E>,\n  ): FunctionComponent<E & { itemKey: string }> =>\n  // eslint-disable-next-line react/display-name\n  (props): ReactElement => {\n    const { itemKey, className, onClick, size, ...rest } = {\n      ...defaultProps,\n      ...props,\n    };\n\n    const { onClick: ctxOnClick, selected, level, iconSpacing } = useMenuContext();\n\n    const handleClick: Button.ButtonProps[\"onClick\"] = (e) => {\n      ctxOnClick(itemKey);\n      onClick?.(e);\n    };\n    const _selected = selected === itemKey;\n    return (\n      // @ts-expect-error\n      <Base\n        level={level}\n        {...rest}\n        onClick={handleClick}\n        variant=\"text\"\n        className={CSS(CSS.B(\"menu-item\"), CSS.selected(_selected), className)}\n        size={size ?? iconSpacing}\n      />\n    );\n  };\n\nexport interface ItemProps extends Button.ButtonProps {\n  itemKey: string;\n}\nexport const CoreItem = menuItemFactory(Button.Button, { noWrap: true });\n\nexport interface ItemIconProps extends Button.IconProps {\n  itemKey: string;\n}\nconst ItemIcon = menuItemFactory(Button.Icon);\n\nconst ItemLink = menuItemFactory(Button.Link, { noWrap: true });\nexport interface MenuItemLinkProps extends Button.LinkProps {\n  itemKey: string;\n}\n\ntype CoreItemType = typeof CoreItem;\n\nexport interface ItemType extends CoreItemType {\n  Icon: typeof ItemIcon;\n  Link: typeof ItemLink;\n}\n\n/**\n * Menu.Item renders a menu item.\n *\n * @param props - Props for the component. Identical props to those of Use except\n * for the ones listed below.\n * @param props.itemKey - The key of the item. This is used to identify the item and\n * is passed to the onChange callback of the Menu.\n */\nexport const Item = CoreItem as ItemType;\nItem.Icon = ItemIcon;\nItem.Link = ItemLink;\n"],"names":["jsx","Button.Button","Button.Icon","Button.Link"],"mappings":";;;;;AA2BO,MAAM,cAAc,cAAgC;AAAA,EACzD,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,UAAU;AACZ,CAAC;AAOY,MAAA,iBAAiB,MAAwB,WAAW,WAAW;AAYrE,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAA+B;AAC7B,QAAM,cAAqC,CAAC,QAAQ,qCAAW;AAE7D,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO,EAAE,SAAS,aAAa,UAAU,OAAO,OAAO,YAAY;AAAA,MAElE;AAAA,IAAA;AAAA,EAAA;AAGP;AC/CA,MAAM,kBACJ,CACE,MACA;AAAA;AAAA,EAGF,CAAC,UAAwB;AACvB,UAAM,EAAE,SAAS,WAAW,SAAS,MAAM,GAAG,SAAS;AAAA,MACrD,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAGL,UAAM,EAAE,SAAS,YAAY,UAAU,OAAO,YAAA,IAAgB;AAExD,UAAA,cAA6C,CAAC,MAAM;AACxD,iBAAW,OAAO;AAClB,yCAAU;AAAA,IAAC;AAEb,UAAM,YAAY,aAAa;AAC/B;AAAA;AAAA,MAEEA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACC,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,SAAQ;AAAA,UACR,WAAW,IAAI,IAAI,EAAE,WAAW,GAAG,IAAI,SAAS,SAAS,GAAG,SAAS;AAAA,UACrE,MAAM,QAAQ;AAAA,QAAA;AAAA,MAChB;AAAA;AAAA,EAEJ;AAAA;AAKK,MAAM,WAAW,gBAAgBC,QAAe,EAAE,QAAQ,KAAM,CAAA;AAKvE,MAAM,WAAW,gBAAgBC,IAAW;AAE5C,MAAM,WAAW,gBAAgBC,MAAa,EAAE,QAAQ,KAAM,CAAA;AAoBvD,MAAM,OAAO;AACpB,KAAK,OAAO;AACZ,KAAK,OAAO;;;;;;;;;;;;;"}

package/dist/external-zG96smqq.js

@@ -1,14 +0,0 @@
-import { B as Button, I as Icon, T as Toggle, d as ToggleIcon } from "./Toggle-bT5RpwfA.js";
-import { L as Link } from "./Link-DQKdkwWL.js";
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Button,
-  Icon,
-  Link,
-  Toggle,
-  ToggleIcon
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  external as e
-};
-//# sourceMappingURL=external-zG96smqq.js.map

package/dist/external-zG96smqq.js.map

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

package/dist/header.cjs.map

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

package/dist/header.js.map

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