@blocklet/labels 2.4.36 → 2.4.38

package/dist/index.es.js

@@ -1,1463 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { createContext, useRef, useState, useCallback, useEffect, useMemo, useContext, Fragment as Fragment$1, createElement } from "react";
-import { ExpandMore, Edit, LabelOutlined } from "@mui/icons-material";
-import Box from "@mui/material/Box";
-import { styled } from "@mui/material/styles";
-import { Tree } from "react-arborist";
-import { Icon } from "@iconify/react";
-import omit from "lodash/omit";
-import Select, { components } from "react-select";
-import { ClickAwayListener, Box as Box$1, Chip, IconButton, Button, getContrastRatio, alpha, useTheme, ButtonBase, Popper, Autocomplete, InputBase, autocompleteClasses, TextField } from "@mui/material";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import { useReactive, useLocalStorageState, useRequest, useSize, useDeepCompareLayoutEffect } from "ahooks";
-import { createContainer } from "unstated-next";
-import { arrayToTree } from "performant-array-to-tree";
-import { SessionContext } from "@arcblock/did-connect-react/lib/Session";
-import chroma from "chroma-js";
-import CloseOutlineIcon from "@mui/icons-material/Close";
-const materialSymbolsLabelRounded = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h11q.475 0 .9.213t.7.587l4.5 6q.4.525.4 1.2t-.4 1.2l-4.5 6q-.275.375-.7.588T15 20z" }) });
-const materialSymbolsCheckSmall = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4z" }) });
-const LabelTreeContext = createContext({});
-function LabelTreeProvider({
-  selectable = false,
-  selected = [],
-  onSelect,
-  renderItem,
-  children
-}) {
-  const isSelected = (id) => selected.indexOf(id) !== -1;
-  const select = (id) => {
-    Array.from(new Set(selected).add(id));
-    onSelect?.(id);
-  };
-  const value = useMemo(
-    () => ({
-      selectable,
-      selected,
-      isSelected,
-      select,
-      renderItem
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selected]
-  );
-  return /* @__PURE__ */ jsx(LabelTreeContext.Provider, { value, children });
-}
-const isLeaf = (node) => {
-  return node.isLeaf || !node.data.children?.length;
-};
-function FolderArrow({ node }) {
-  if (isLeaf(node)) return /* @__PURE__ */ jsx("span", {});
-  return node.isOpen ? /* @__PURE__ */ jsx(ExpandMore, { style: { fontSize: 20 } }) : /* @__PURE__ */ jsx(ExpandMore, { style: { fontSize: 20, transform: "rotate(-90deg)" } });
-}
-function Node({ node, style, dragHandle }) {
-  const { selectable, select, isSelected, renderItem } = useContext(LabelTreeContext);
-  const { data } = node;
-  const icon = data.icon ? /* @__PURE__ */ jsx(Icon, { icon: data.icon, style: { fontSize: 18 } }) : /* @__PURE__ */ jsx(materialSymbolsLabelRounded, { style: { fontSize: 18, color: data.color || "#ddd" } });
-  const handleToggle = (e) => {
-    e.stopPropagation();
-    if (node.isInternal) {
-      node.toggle();
-    }
-  };
-  const handleClick = (e) => {
-    e.stopPropagation();
-    if (selectable) {
-      select(node.id);
-    }
-  };
-  const children = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", flex: 1 }, children: [
-      /* @__PURE__ */ jsx(Box, { sx: { display: "flex", cursor: "pointer" }, onClick: handleToggle, children: /* @__PURE__ */ jsx(FolderArrow, { node }) }),
-      /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", width: 22, height: 22 }, children: icon }),
-      /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "grey.700" }, children: node.data.name })
-    ] }),
-    selectable && isSelected(node.id) && /* @__PURE__ */ jsx(materialSymbolsCheckSmall, {})
-  ] });
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: "label-tree-item",
-      style,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        color: (theme) => theme.palette.mode === "dark" ? "grey.800" : "text.primary"
-      },
-      ref: dragHandle,
-      onClick: handleClick,
-      children: [
-        !renderItem && children,
-        !!renderItem && renderItem(children, node.data)
-      ]
-    }
-  );
-}
-const Root = styled(Box)`
-  > div,
-  > div > div,
-  > div > div > div {
-    width: auto !important;
-  }
-  [role='treeitem'] {
-    display: flex;
-    align-items: stretch;
-  }
-  .label-tree-item {
-    width: 100%;
-  }
-`;
-function LabelTree({
-  data,
-  selectable,
-  selected = [],
-  onSelect,
-  rowHeight = 28,
-  renderItem,
-  sx,
-  ...rest
-}) {
-  const tree = useRef(void 0);
-  const mergedSx = [...Array.isArray(sx) ? sx : [sx]];
-  const [height, setHeight] = useState(0);
-  const updateHeight = useCallback(() => {
-    setHeight((tree.current?.visibleNodes?.length || 0) * rowHeight);
-  }, [rowHeight]);
-  useEffect(() => {
-    updateHeight();
-  }, [data, updateHeight]);
-  const handleToggle = () => {
-    setTimeout(updateHeight);
-  };
-  return /* @__PURE__ */ jsx(LabelTreeProvider, { selectable, selected, onSelect, renderItem, children: /* @__PURE__ */ jsx(Root, { ...rest, sx: mergedSx, children: /* @__PURE__ */ jsx(Tree, { data, rowHeight, height, indent: 32, ref: tree, onToggle: handleToggle, children: Node }) }) });
-}
-const flatten = (data) => {
-  return data.reduce((acc, cur) => {
-    acc.push(cur);
-    if (cur.children?.length) {
-      acc.push(...flatten(cur.children));
-    }
-    return acc;
-  }, []);
-};
-const safeParseJSON = (json, defaultValue = null) => {
-  try {
-    return JSON.parse(json);
-  } catch {
-    return defaultValue;
-  }
-};
-const transformLabels = (labelDtos) => {
-  const relations = labelDtos.reduce((acc, cur) => {
-    acc[cur.id] = acc[cur.id] || {};
-    if (cur.parentId) {
-      acc[cur.id].parent = cur.parentId;
-      acc[cur.parentId] = acc[cur.parentId] || {};
-      acc[cur.parentId].children = acc[cur.parentId].children || [];
-      acc[cur.parentId].children.push(cur.id);
-    }
-    return acc;
-  }, {});
-  const labels = labelDtos.map(({ parentId, translation, ...rest }) => ({
-    ...rest,
-    translation: safeParseJSON(translation),
-    children: []
-  }));
-  const labelsKeyById = labels.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {});
-  labels.forEach((item) => {
-    const relation = relations[item.id];
-    if (relation.parent && labelsKeyById[relation.parent]) {
-      item.parent = labelsKeyById[relation.parent];
-    }
-    if (relation.children) {
-      item.children = relation.children.map((childId) => labelsKeyById[childId]);
-    }
-  });
-  return labels.filter((item) => !item.parent);
-};
-const LabelMenuList = (props) => {
-  const { options, getValue, selectProps, selectOption } = props;
-  const value = getValue();
-  const handleSelect = (id) => {
-    const option = options.find((item) => item.data.id === id);
-    if (option) {
-      selectOption(option);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(components.MenuList, { ...omit(props, ["addon"]), children: /* @__PURE__ */ jsx(Box, { sx: { px: 2, py: 1 }, children: /* @__PURE__ */ jsx(
-      LabelTree,
-      {
-        data: selectProps.data,
-        selectable: true,
-        onSelect: handleSelect,
-        selected: value.map((item) => item.data.id)
-      }
-    ) }) }),
-    props.addon
-  ] });
-};
-const ValueContainer = ({ children, ...props }) => {
-  const [values, input] = children;
-  const count = Array.isArray(values) ? values.length : 0;
-  return /* @__PURE__ */ jsxs(components.ValueContainer, { ...props, children: [
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "span",
-        sx: {
-          fontSize: 13,
-          fontWeight: "bold",
-          color: (theme) => theme.palette.mode === "dark" ? "grey.800" : "text.primary"
-        },
-        children: count ? "Labels" : "Filter by labels"
-      }
-    ),
-    !!count && /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          display: "inline-flex",
-          justifyContent: "center",
-          alignItems: "center",
-          width: 22,
-          height: 22,
-          ml: 1,
-          borderRadius: "100%",
-          fontSize: 12,
-          color: (theme) => theme.palette.mode === "dark" ? "grey.800" : "text.primary",
-          bgcolor: "grey.200"
-        },
-        children: count
-      }
-    ),
-    input
-  ] });
-};
-const compactSelectStyles = {
-  control: (provided) => ({
-    ...provided,
-    minHeight: 31
-  }),
-  valueContainer: (provided) => ({
-    ...provided,
-    display: "flex"
-  }),
-  dropdownIndicator: (provided) => ({
-    ...provided,
-    padding: "0 4px"
-  }),
-  clearIndicator: (provided) => ({
-    ...provided,
-    padding: "4px"
-  })
-};
-function LabelPicker({
-  data,
-  value = [],
-  editable = false,
-  addon,
-  onChange,
-  compact,
-  isMulti = true,
-  maxHeight = 264,
-  ...rest
-}) {
-  const selectRef = useRef(null);
-  const options = useMemo(
-    () => flatten(data).map((item) => ({ data: item, label: item.name, value: item.id })),
-    [data]
-  );
-  const optionsKeyById = options.reduce(
-    (acc, cur) => ({ ...acc, [cur.data.id]: cur }),
-    {}
-  );
-  const valueArr = Array.isArray(value) ? value : [value];
-  const selectedOptions = valueArr.map((item) => optionsKeyById[item]);
-  const changes = useRef({
-    prev: valueArr.map((item) => optionsKeyById[item]?.data || "")
-  });
-  const handleChange = (v, actionMeta) => {
-    if (!isMulti || !Array.isArray(v)) {
-      onChange(v ? [v.data] : []);
-    } else {
-      changes.current.current = v.map((item) => item.data);
-    }
-    if (["clear", "remove-value"].includes(actionMeta.action) && selectRef.current) {
-      setTimeout(() => selectRef?.current?.blur(), 1);
-    }
-  };
-  const handleMenuClose = () => {
-    if (changes.current.current) {
-      const changed = JSON.stringify(changes.current.prev.map((item) => item.id)) !== JSON.stringify(changes.current.current.map((item) => item.id));
-      if (changed) {
-        onChange(changes.current.current);
-        changes.current.prev = changes.current.current;
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(Box, { ...rest, children: /* @__PURE__ */ jsx(
-    Select,
-    {
-      ref: selectRef,
-      defaultValue: selectedOptions,
-      options,
-      onChange: handleChange,
-      components: {
-        // @ts-ignore
-        MenuList: (props) => /* @__PURE__ */ jsx(LabelMenuList, { ...props, addon }),
-        // eslint-disable-line react/no-unstable-nested-components
-        ...compact && { ValueContainer }
-      },
-      placeholder: "Select labels",
-      styles: {
-        ...compact && compactSelectStyles,
-        menu: (css) => ({
-          ...css,
-          ...editable && { paddingBottom: "36px" },
-          zIndex: 99
-        }),
-        menuList: (css) => ({
-          ...css,
-          overflowY: "auto",
-          maxHeight: `${maxHeight}px`
-        })
-      },
-      theme: (_theme) => ({
-        ..._theme,
-        colors: {
-          ..._theme.colors,
-          primary25: "#ddd",
-          primary50: "#ddd",
-          primary: "#ddd"
-        }
-      }),
-      isSearchable: false,
-      isMulti,
-      closeMenuOnSelect: !isMulti,
-      onMenuClose: handleMenuClose,
-      isClearable: true,
-      data
-    }
-  ) });
-}
-class TreeNode {
-  data;
-  parent;
-  children;
-  constructor({ data, parent, children }) {
-    this.data = data;
-    this.parent = parent;
-    this.children = children || [];
-  }
-  setParent(node) {
-    this.parent = node;
-  }
-  add(...nodes) {
-    this.children.push(...nodes);
-    nodes.forEach((node) => node.setParent(this));
-  }
-  removeChild(node) {
-    this.children = this.children.filter((x) => x !== node);
-    node.setParent(void 0);
-  }
-  isLeaf(node) {
-    return !node.children?.length;
-  }
-  getAllParents(includeSelf = true) {
-    const parents = [];
-    if (includeSelf) {
-      parents.unshift(this);
-    }
-    let { parent } = this;
-    while (parent) {
-      parents.unshift(parent);
-      parent = parent.parent;
-    }
-    return parents;
-  }
-  getAllSiblings() {
-    const siblings = this.parent?.children.filter((node) => node !== this) || [];
-    return siblings;
-  }
-  flatten(includeRoot) {
-    const nodes = [];
-    const traverse = (node) => {
-      nodes.push(node);
-      node.children.forEach(traverse);
-    };
-    traverse(this);
-    if (!includeRoot) {
-      nodes.shift();
-    }
-    return nodes;
-  }
-  clone() {
-    const cloned = new TreeNode({ data: this.data });
-    cloned.add(...this.children);
-    return cloned;
-  }
-}
-class Label {
-  id;
-  name;
-  desc;
-  image;
-  icon;
-  type;
-  color;
-  passports;
-  translation;
-  constructor(data) {
-    this.id = data.id;
-    this.name = data.name;
-    this.desc = data.desc;
-    this.image = data.image;
-    this.icon = data.icon;
-    this.type = data.type;
-    this.color = data.color || "#ddd";
-    this.passports = data.passports || [];
-    this.translation = this._normalizeTranslation(data.translation);
-  }
-  _normalizeTranslation(translation) {
-    if (typeof translation === "object") {
-      return translation;
-    }
-    try {
-      return JSON.parse(translation);
-    } catch {
-      return {};
-    }
-  }
-  getName(locale) {
-    if (!locale) {
-      return this.name;
-    }
-    return this?.translation?.[locale] || this?.name;
-  }
-}
-class LabelTreeNode extends TreeNode {
-  static Label = Label;
-  getName(locale) {
-    return this.data.getName(locale);
-  }
-  isSystemLabel() {
-    return this.data.type === "system";
-  }
-  getFullName(locale) {
-    const parents = this.getAllParents();
-    parents.shift();
-    if (locale) {
-      return parents.map((item) => item.getName(locale)).join(" / ");
-    }
-    return parents.map((item) => item.data.name).join(" / ");
-  }
-}
-const mapToTree = (items, parent) => {
-  return items.map((item) => {
-    const node = new LabelTreeNode({ data: new Label(item.data), parent });
-    const children = mapToTree(item.children || [], node);
-    node.add(...children);
-    return node;
-  });
-};
-const initLabelTree = (data) => {
-  const treeData = arrayToTree(data);
-  const root = new LabelTreeNode({ data: {} });
-  root.add(...mapToTree(treeData));
-  return root;
-};
-const createEmptyLabelTree = () => {
-  return new LabelTreeNode({ data: {}, children: [] });
-};
-const useLabels = ({ loading, data, createLabel: createLabelAPI }) => {
-  const { locale } = useLocaleContext();
-  const state = useReactive({
-    loading: true,
-    tree: createEmptyLabelTree(),
-    stats: []
-  });
-  useEffect(() => {
-    try {
-      if (data && !loading) {
-        const { labels, stats } = data;
-        const tree = initLabelTree(labels || []);
-        state.loading = false;
-        state.tree = tree;
-        state.stats = stats.sort((a, b) => b.count - a.count);
-      }
-    } catch (e) {
-      console.error(e);
-      state.loading = false;
-    }
-  }, [data, loading]);
-  const flattened = useMemo(() => state.tree.flatten(), [state.tree]);
-  const counts = useMemo(
-    () => state.stats.reduce((acc, cur) => ({ ...acc, [cur.id]: cur.count }), {}),
-    [state.stats]
-  );
-  const nodesKeyById = useMemo(() => {
-    return flattened.reduce((acc, cur) => ({ ...acc, [cur.data.id]: cur }), {});
-  }, [flattened]);
-  const popularLabels = useMemo(
-    () => state.stats.slice(0, 12).map((x) => nodesKeyById[x.id]),
-    [nodesKeyById, state.stats]
-  );
-  const getLabelsByIds = useCallback(
-    (ids) => {
-      return ids.map((id) => nodesKeyById[id]).filter(Boolean);
-    },
-    [nodesKeyById]
-  );
-  const labelExists = useCallback((id) => !!nodesKeyById[id], [nodesKeyById]);
-  const getLabelName = (id) => {
-    return nodesKeyById[id]?.data.getName(locale);
-  };
-  const getRelatedLabels = (id) => {
-    const node = nodesKeyById[id];
-    if (!node || node.parent === state.tree) {
-      return [];
-    }
-    const siblings = node.getAllSiblings();
-    return siblings;
-  };
-  const getRecommended = (id) => {
-    const related = id ? getRelatedLabels(id) : [];
-    const set = new Set([...related.map((x) => x.data.id), id].filter(Boolean));
-    return [...related, ...popularLabels.filter((x) => !set.has(x.data.id))].filter((x) => !!counts[x.data.id]);
-  };
-  const createLabel = async (name) => {
-    const saved = await createLabelAPI({ name });
-    const node = new LabelTreeNode({ data: new LabelTreeNode.Label(saved) });
-    state.tree.add(node);
-    state.tree = state.tree.clone();
-    return node.data;
-  };
-  const addLabelNode = (payload) => {
-    const parent = payload.parentId ? nodesKeyById[payload.parentId] : state.tree;
-    const node = new LabelTreeNode({ data: new LabelTreeNode.Label(payload) });
-    parent.add(node);
-    state.tree = state.tree.clone();
-  };
-  const updateLabelNode = (id, payload) => {
-    const existing = nodesKeyById[id];
-    if (existing && existing.parent) {
-      const node = new LabelTreeNode({ data: new LabelTreeNode.Label(payload) });
-      node.add(...existing.children);
-      if (existing.parent.data.id == payload.parentId) {
-        existing.parent.children = existing.parent.children.map((x) => {
-          if (x.data.id === id) {
-            node.setParent(existing.parent);
-            return node;
-          }
-          return x;
-        });
-      } else {
-        const parent = nodesKeyById[payload.parentId];
-        if (parent) {
-          existing.parent.children = existing.parent.children.filter((x) => x.data.id !== id);
-          parent.add(node);
-        }
-      }
-      state.tree = state.tree.clone();
-    }
-  };
-  const removeLabelNode = (id) => {
-    const node = nodesKeyById[id];
-    if (node?.parent) {
-      node.parent.removeChild(node);
-      state.tree = state.tree.clone();
-    }
-  };
-  const getFullLabelName = (id) => {
-    return nodesKeyById[id]?.getFullName(locale) ?? id;
-  };
-  const parseLabelsStr = useCallback((labelIdsStr) => {
-    return labelIdsStr?.split(",").filter(Boolean) || [];
-  }, []);
-  const [recentLabels = [], setRecentLabels] = useLocalStorageState("recent-labels", { defaultValue: [] });
-  const addRecentLabel = (label) => {
-    if (!label || labelExists(label)) return;
-    setRecentLabels([label, ...recentLabels].slice(0, 10));
-  };
-  return {
-    ...state,
-    flattenedLabels: flattened,
-    popularLabels,
-    counts,
-    getLabelsByIds,
-    labelExists,
-    getLabelName,
-    getRelatedLabels,
-    getRecommended,
-    createLabel,
-    addLabelNode,
-    updateLabelNode,
-    removeLabelNode,
-    getFullLabelName,
-    parseLabelsStr,
-    recentLabels,
-    setRecentLabels,
-    addRecentLabel
-  };
-};
-const LabelsContainer = createContainer(useLabels);
-const createCacheKey = (args) => {
-  return args.map((x) => typeof x === "string" ? x : JSON.stringify(x)).join("-");
-};
-const CACHE_PREFIX = "request-cache-";
-const getStorageKey = (key) => `${CACHE_PREFIX}${key}`;
-const serialize = (data) => {
-  try {
-    return JSON.stringify(data);
-  } catch (error) {
-    console.warn("Failed to serialize cache data:", error);
-    return "";
-  }
-};
-const deserialize = (data) => {
-  try {
-    return JSON.parse(data);
-  } catch (error) {
-    console.warn("Failed to deserialize cache data:", error);
-    return null;
-  }
-};
-const setCache = (key, cachedData, options = {}) => {
-  const storageKey = getStorageKey(key);
-  const expiresAt = options.cacheTime ? Date.now() + options.cacheTime : Number.MAX_SAFE_INTEGER;
-  const recordData = {
-    ...cachedData,
-    expiresAt
-  };
-  localStorage.setItem(storageKey, serialize(recordData));
-};
-const getCache = (key) => {
-  const storageKey = getStorageKey(key);
-  const cachedData = localStorage.getItem(storageKey);
-  if (!cachedData) {
-    return null;
-  }
-  const recordData = deserialize(cachedData);
-  if (!recordData) {
-    return null;
-  }
-  if (Date.now() > recordData.expiresAt) {
-    localStorage.removeItem(storageKey);
-    return null;
-  }
-  return recordData;
-};
-const cleanupExpiredCache = () => {
-  const keysToRemove = [];
-  for (let i = 0; i < localStorage.length; i++) {
-    const key = localStorage.key(i);
-    if (key && key.startsWith(CACHE_PREFIX)) {
-      const cachedData = localStorage.getItem(key);
-      if (cachedData) {
-        const recordData = deserialize(cachedData);
-        if (recordData?.expiresAt && Date.now() > recordData.expiresAt) {
-          keysToRemove.push(key);
-        }
-      }
-    }
-  }
-  keysToRemove.forEach((key) => localStorage.removeItem(key));
-};
-cleanupExpiredCache();
-const LabelsContext = createContext({});
-const useLabelsContext = () => useContext(LabelsContext);
-const useLabelsUpdateOnDestroy = () => {
-  const { updateLabels } = useLabelsContext();
-  useEffect(() => {
-    return () => {
-      updateLabels();
-    };
-  }, []);
-};
-function LabelsProvider({ fetchLabels, createLabel, children }) {
-  const { locale } = useLocaleContext();
-  const [updateCounter, setUpdateCounter] = useState(1);
-  const cacheKey = createCacheKey(["labels"]);
-  const { loading, data } = useRequest(fetchLabels, {
-    cacheKey,
-    getCache: () => getCache(cacheKey),
-    setCache: (d) => setCache(cacheKey, d),
-    refreshDeps: [updateCounter]
-  });
-  const labels = useMemo(() => transformLabels(data?.labels || []), [data]);
-  const labelsKeyById = useMemo(() => {
-    if (!labels?.length) {
-      return {};
-    }
-    const flattened = flatten(labels);
-    return flattened.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {});
-  }, [labels]);
-  const localeTransformer = useCallback(
-    (label) => ({
-      ...label,
-      name: label.translation?.[locale] || label.name
-    }),
-    [locale]
-  );
-  const getLabelsById = useCallback(
-    (ids) => ids.filter(Boolean).map((item) => labelsKeyById[item]).map(localeTransformer),
-    [labelsKeyById, localeTransformer]
-  );
-  const getParents = useCallback((label) => {
-    let { parent } = label;
-    const parents = [];
-    while (parent) {
-      parents.unshift(parent);
-      parent = parent.parent;
-    }
-    return parents;
-  }, []);
-  const getFullLabelName = useCallback(
-    (label) => {
-      const parents = [...getParents(label), label].map(localeTransformer);
-      return parents.map((item) => item.name).join(" / ");
-    },
-    [localeTransformer, getParents]
-  );
-  const parseLabelIds = useCallback((labelIdsStr) => {
-    return labelIdsStr?.split(",").filter(Boolean) || [];
-  }, []);
-  const stringifyLabelIds = useCallback((labelIds = []) => {
-    if (!labelIds?.length) {
-      return void 0;
-    }
-    return labelIds.join(",");
-  }, []);
-  const localizedLabels = useMemo(() => labels.map(localeTransformer), [labels, localeTransformer]);
-  const value = useMemo(() => {
-    return {
-      loading,
-      labels: labels || [],
-      updateLabels: () => setUpdateCounter((prev) => prev + 1),
-      getLabelsById,
-      parseLabelIds,
-      stringifyLabelIds,
-      localizedLabels,
-      flattenedLabels: flatten(localizedLabels || []),
-      getFullLabelName
-    };
-  }, [loading, labels, getLabelsById, parseLabelIds, stringifyLabelIds, localizedLabels, getFullLabelName]);
-  return /* @__PURE__ */ jsx(LabelsContext.Provider, { value, children: /* @__PURE__ */ jsx(LabelsContainer.Provider, { initialState: { loading, data, createLabel }, children }) });
-}
-const getContrastTextColor = (bgcolor) => {
-  try {
-    const ratio = getContrastRatio(bgcolor, "#fff");
-    return ratio > 2.7 ? "#fff" : "#111";
-  } catch {
-    return "#111";
-  }
-};
-const getAlphaColor = (color, alpha$1) => {
-  try {
-    if (color) {
-      return alpha(color, alpha$1);
-    }
-  } catch {
-    return color;
-  }
-  return color;
-};
-function Labels({ labels, editable, onChange, sx, renderLabel }) {
-  const isEmpty = !labels?.length;
-  const { labels: allLabels, loading, getLabelsById, getFullLabelName } = useLabelsContext();
-  const [editing, setEditing] = useState(false);
-  if (loading || !editable && isEmpty) {
-    return null;
-  }
-  const handleOnChange = (v) => {
-    onChange?.(v);
-    setTimeout(() => {
-      setEditing(false);
-    }, 300);
-  };
-  if (editing) {
-    return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => editing && setEditing(false), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(LabelPicker, { data: allLabels, value: labels || [], onChange: handleOnChange }) }) });
-  }
-  const labelObjects = getLabelsById(labels || []).filter((x) => x.type !== "system");
-  const mergedSx = [
-    { display: "flex", gap: 1, alignItems: "center", flexWrap: "wrap" },
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  return /* @__PURE__ */ jsxs(Box$1, { sx: mergedSx, children: [
-    labelObjects.map((item) => {
-      if (!item) {
-        return null;
-      }
-      if (renderLabel) {
-        return renderLabel(item);
-      }
-      return /* @__PURE__ */ jsx(
-        Chip,
-        {
-          label: getFullLabelName(item),
-          variant: "filled",
-          size: "small",
-          sx: {
-            height: 20,
-            borderRadius: 1,
-            fontSize: 12,
-            bgcolor: getAlphaColor(item.color || "#ddd", 0.8),
-            color: getContrastTextColor(item.color || "#ddd")
-          }
-        },
-        item.id
-      );
-    }),
-    editable && !isEmpty && /* @__PURE__ */ jsx(IconButton, { color: "inherit", size: "small", onClick: () => setEditing(true), sx: { color: "grey.400" }, children: /* @__PURE__ */ jsx(Edit, { sx: { fontSize: 20 } }) }),
-    editable && isEmpty && /* @__PURE__ */ jsx(Button, { color: "inherit", variant: "outlined", startIcon: /* @__PURE__ */ jsx(LabelOutlined, {}), onClick: () => setEditing(true), children: "Edit labels" })
-  ] });
-}
-const mdiTagPlusOutline = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5m0 0A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5m14.91 6.58l-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l.41.4a5.6 5.6 0 0 1 2.08-.74L4 11V4h7l9 9l-7 7l-1.08-1.08a5.6 5.6 0 0 1-.74 2.08l.41.41A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M10 19H7v3H5v-3H2v-2h3v-3h2v3h3Z" }) });
-const useSessionContext = () => {
-  const ctx = useContext(SessionContext) || {};
-  const loginRole = ctx?.session?.user?.role;
-  return {
-    ...ctx,
-    isAdmin: ["admin", "owner"].includes(loginRole),
-    hasAnyPassport: (passports) => {
-      if (!passports || passports.length === 0) {
-        return true;
-      }
-      const passportsArr = Array.isArray(passports) ? passports : [passports];
-      return passportsArr.includes(loginRole);
-    }
-  };
-};
-const getTextColor = (color, mode) => {
-  const baseColor = chroma(color);
-  if (mode === "dark") {
-    return baseColor.brighten(4).hex();
-  }
-  return baseColor.hex();
-};
-const getBorderColor = (color, mode) => {
-  const baseColor = chroma(color);
-  if (mode === "dark") {
-    return baseColor.brighten(2).alpha(0.4).hex();
-  }
-  if (baseColor.luminance() > 0.5) {
-    return baseColor.darken(3).hex();
-  }
-  return baseColor.brighten(0.5).alpha(0.25).hex();
-};
-const getBackgroundColor = (color, mode) => {
-  const baseColor = chroma(color);
-  if (mode === "dark") {
-    if (baseColor.luminance() > 0.5) {
-      return baseColor.darken(2).alpha(0.5).hex();
-    }
-    return baseColor.brighten(1.5).alpha(0.35).hex();
-  }
-  if (baseColor.luminance() > 0.5) {
-    return baseColor.darken(2.5).hex();
-  }
-  return baseColor.brighten(2.5).alpha(0.25).hex();
-};
-const getFilterStyle = (color, mode) => {
-  const baseColor = chroma(color);
-  if (mode === "dark") {
-    return "brightness(1.3) contrast(1.2)";
-  }
-  if (baseColor.luminance() > 0.5) {
-    return "brightness(0.85) contrast(1.2)";
-  }
-  return "brightness(0.85) contrast(1.2)";
-};
-function LabelChip({
-  label,
-  onDelete,
-  sx,
-  fullName = true,
-  onClick,
-  disabled = false,
-  renderName = (name) => name
-}) {
-  const { getFullLabelName, getLabelName } = LabelsContainer.useContainer();
-  const theme = useTheme();
-  const { mode } = theme.palette;
-  const color = getTextColor(label.data.color, mode);
-  const mergedSx = [
-    {
-      height: 20,
-      borderRadius: 0.5,
-      fontSize: 12,
-      fontWeight: 500,
-      color: `${color} !important`,
-      bgcolor: `${getBackgroundColor(label.data.color, mode)} !important`,
-      transition: "filter 0.2s",
-      borderColor: `${getBorderColor(label.data.color, mode)} !important`,
-      WebkitTextFillColor: `${color} !important`,
-      ".MuiChip-deleteIcon": {
-        color: `${color} !important`,
-        cursor: "pointer",
-        transition: "transform 0.3s",
-        "&:hover": {
-          transform: "rotate(90deg)"
-        }
-      },
-      ".MuiChip-label": {
-        px: 0.5,
-        maxHeight: 20
-      },
-      ...onClick && {
-        cursor: "pointer",
-        "&:hover": {
-          filter: getFilterStyle(label.data.color, mode)
-        }
-      }
-    },
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  const hasDelete = !disabled && !!onDelete;
-  const hasOnClick = !disabled && !!onClick;
-  return (
-    // @ts-ignore
-    /* @__PURE__ */ jsx(
-      Chip,
-      {
-        label: renderName(fullName ? getFullLabelName(label.data.id) : getLabelName(label.data.id)),
-        variant: "outlined",
-        size: "small",
-        ...hasDelete && {
-          onDelete: (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-            onDelete(label);
-          },
-          deleteIcon: /* @__PURE__ */ jsx(CloseOutlineIcon, {})
-        },
-        ...hasOnClick && {
-          onClick: (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-            onClick(label);
-          }
-        },
-        sx: mergedSx
-      },
-      label.data.id
-    )
-  );
-}
-function Labels2({
-  compact = true,
-  labels,
-  sx,
-  renderLabel,
-  renderWhenEmpty,
-  prepend,
-  displaySystemLabels = true,
-  onItemClick
-}) {
-  const { getLabelsByIds, loading } = LabelsContainer.useContainer();
-  const labelsWrapperRef = useRef(null);
-  const [overflowIndex, setOverflowIndex] = useState(99999);
-  let labelNodes = getLabelsByIds(labels || []);
-  const size = useSize(labelsWrapperRef);
-  useDeepCompareLayoutEffect(() => {
-    if (compact) {
-      if (labelsWrapperRef.current) {
-        const { right } = labelsWrapperRef.current.getBoundingClientRect();
-        const labelElements = labelsWrapperRef.current.querySelectorAll(".MuiChip-root");
-        if (labelElements?.length > 0) {
-          Array.from(labelElements).some((x, i) => {
-            const rect = x.getBoundingClientRect();
-            if (rect.right > right - 36) {
-              setOverflowIndex(i);
-              return true;
-            }
-            return false;
-          });
-        }
-      }
-    } else {
-      setOverflowIndex(99999);
-    }
-  }, [size, compact]);
-  if (loading) {
-    return null;
-  }
-  if (!displaySystemLabels) {
-    labelNodes = labelNodes.filter((x) => x.data.type !== "system");
-  }
-  const mergedSx = [
-    {
-      display: "flex",
-      gap: 1,
-      width: "100%",
-      alignItems: "center",
-      overflow: "hidden",
-      flexWrap: compact ? "no-wrap" : "wrap"
-    },
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  return /* @__PURE__ */ jsxs(Box$1, { sx: mergedSx, ref: labelsWrapperRef, children: [
-    prepend,
-    labelNodes.map((item, index) => {
-      if (!item) {
-        return null;
-      }
-      const visible = index < overflowIndex;
-      let extra = null;
-      if (index === overflowIndex) {
-        extra = /* @__PURE__ */ jsx(
-          Box$1,
-          {
-            sx: {
-              display: "inline-flex",
-              ...compact && { height: 20, lineHeight: "20px" },
-              color: "text.secondary",
-              fontWeight: "bold",
-              fontSize: 14
-            },
-            children: `+${labelNodes.length - overflowIndex}`
-          },
-          "overflow-label"
-        );
-      }
-      let labelChip = /* @__PURE__ */ jsx(
-        LabelChip,
-        {
-          label: item,
-          onClick: onItemClick,
-          sx: {
-            visibility: visible ? "visible" : "hidden",
-            pointerEvents: visible ? "auto" : "none"
-          }
-        },
-        item.data.id
-      );
-      if (renderLabel) {
-        labelChip = renderLabel(item, labelChip);
-      }
-      if (extra) {
-        return [extra, labelChip];
-      }
-      return labelChip;
-    }),
-    labelNodes.length === 0 && renderWhenEmpty
-  ] });
-}
-function PopperComponent({
-  disablePortal,
-  anchorEl,
-  open,
-  ...other
-}) {
-  return /* @__PURE__ */ jsx(
-    Box$1,
-    {
-      ...other,
-      sx: (theme) => ({
-        [`& .${autocompleteClasses.paper}`]: {
-          width: 360,
-          boxShadow: "none",
-          margin: 0,
-          color: "inherit",
-          fontSize: 13
-        },
-        [`& .${autocompleteClasses.listbox}`]: {
-          bgcolor: theme.palette.background.paper,
-          padding: 1,
-          [`& .${autocompleteClasses.option}`]: {
-            minHeight: "auto"
-          }
-        },
-        [`&.${autocompleteClasses.popperDisablePortal}`]: {
-          position: "relative"
-        }
-      })
-    }
-  );
-}
-function GithubLabelPicker({
-  value = [],
-  onChange,
-  noLabelsText,
-  buttonSx,
-  actions,
-  trigger,
-  multiple = true,
-  updateImmediately = true,
-  excludes = [],
-  disabled = false,
-  enableAccessControl = true,
-  disablePortal
-}) {
-  const { t, locale } = useLocaleContext();
-  const { isAdmin, hasAnyPassport } = useSessionContext();
-  const {
-    flattenedLabels: labels,
-    getLabelsByIds,
-    loading,
-    createLabel,
-    recentLabels,
-    addRecentLabel
-  } = LabelsContainer.useContainer();
-  const [anchorEl, setAnchorEl] = useState(null);
-  const selectedLabelIds = value;
-  const selectedLabels = useMemo(() => getLabelsByIds(selectedLabelIds), [getLabelsByIds, selectedLabelIds]);
-  const [inputValue, setInputValue] = useState("");
-  const exists = useMemo(
-    () => labels.some((x) => x.data.getName(locale).toLowerCase() === inputValue.toLowerCase()),
-    [inputValue, labels, locale]
-  );
-  const filteredLabels = useMemo(() => {
-    const excludesSet = new Set(excludes);
-    return labels.filter((x) => !excludesSet.has(x.data.id));
-  }, [labels]);
-  const initialRecentLabels = useMemo(() => recentLabels, [anchorEl]);
-  const handleClick = (event) => {
-    if (disabled) {
-      return;
-    }
-    event.preventDefault();
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    if (!updateImmediately) {
-      onChange?.(selectedLabelIds);
-    }
-    setInputValue("");
-    if (anchorEl) {
-      anchorEl.focus();
-    }
-    setAnchorEl(null);
-  };
-  const handleCreate = async () => {
-    const { id: id2 } = await createLabel(inputValue);
-    if (!multiple) {
-      onChange?.([id2]);
-    } else if (updateImmediately) {
-      onChange([...selectedLabelIds, id2]);
-    }
-  };
-  const handleLabelSelectionChange = (newValue) => {
-    if (!multiple) {
-      onChange?.(newValue.length ? [newValue[newValue.length - 1]] : []);
-      setAnchorEl(null);
-    } else if (updateImmediately) {
-      onChange(newValue);
-    }
-  };
-  const open = Boolean(anchorEl);
-  const id = open ? "github-label-picker" : void 0;
-  const getSelectedSx = (selected) => {
-    if (selected) {
-      return {
-        bgcolor: (theme) => `${theme.palette.primary.main} !important`,
-        color: (theme) => `${theme.palette.primary.contrastText} !important`,
-        WebkitTextFillColor: (theme) => `${theme.palette.primary.contrastText} !important`
-      };
-    }
-    return void 0;
-  };
-  const isLabelPermitted = (node) => {
-    const label = node.data;
-    const passportsToCheck = [...label.passports || [], ...label.type === "system" ? ["admin", "owner"] : []];
-    const isPermitted = !enableAccessControl || isAdmin || hasAnyPassport(passportsToCheck);
-    return isPermitted;
-  };
-  if (loading) {
-    return null;
-  }
-  function renderRecentLabels() {
-    const recentLabelNodes = getLabelsByIds(initialRecentLabels).filter(isLabelPermitted);
-    if (!recentLabelNodes?.length) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs("li", { children: [
-      /* @__PURE__ */ jsx(Box$1, { sx: { mb: 0.5, fontSize: 12, fontWeight: "medium" }, children: t("label.recently") }),
-      /* @__PURE__ */ jsx(Box$1, { sx: { display: "flex", flexWrap: "wrap", gap: 0.75, mb: 2 }, children: recentLabelNodes.map((x) => {
-        const labelId = x.data.id;
-        const selected = value?.includes(labelId);
-        return /* @__PURE__ */ jsx(
-          LabelChip,
-          {
-            label: x,
-            fullName: false,
-            onClick: () => {
-              handleLabelSelectionChange(
-                selected ? selectedLabelIds.filter((y) => y !== labelId) : [...selectedLabelIds, labelId]
-              );
-            },
-            sx: {
-              height: 24,
-              lineHeight: "24px",
-              ".MuiChip-label": { maxHeight: 24 },
-              ...getSelectedSx(selected)
-            }
-          },
-          labelId
-        );
-      }) })
-    ] });
-  }
-  function renderGroup(params) {
-    return /* @__PURE__ */ jsxs("li", { children: [
-      /* @__PURE__ */ jsx(Box$1, { sx: { mb: 0.5, fontSize: 12, fontWeight: "medium" }, children: t("label.title") }),
-      /* @__PURE__ */ jsx(
-        Box$1,
-        {
-          component: "ul",
-          sx: {
-            display: "flex",
-            justifyContent: "flex-start",
-            flexWrap: "wrap",
-            gap: 0.75,
-            p: 0
-          },
-          children: params.children
-        }
-      )
-    ] });
-  }
-  function renderAutocomplete() {
-    return /* @__PURE__ */ jsx(
-      Autocomplete,
-      {
-        open: true,
-        multiple: true,
-        inputValue,
-        onInputChange: (event, newInputValue, reason) => {
-          if (reason === "reset") {
-            return;
-          }
-          setInputValue(newInputValue);
-        },
-        onClose: (event, reason) => {
-          if (reason === "escape") {
-            handleClose();
-          }
-        },
-        value: selectedLabels,
-        onChange: (event, newValue, reason) => {
-          event.preventDefault();
-          if (event.type === "keydown" && event.key === "Backspace" && reason === "removeOption") {
-            return;
-          }
-          if (reason === "selectOption") {
-            addRecentLabel(newValue[newValue.length - 1].data.id);
-          }
-          handleLabelSelectionChange(newValue.map((x) => x.data.id));
-        },
-        disableCloseOnSelect: true,
-        renderTags: () => null,
-        noOptionsText: noLabelsText || "No labels",
-        renderOption: (props, option, { selected }) => {
-          const isPermitted = isLabelPermitted(option);
-          if (!isPermitted) {
-            return null;
-          }
-          const label = option.data;
-          return /* @__PURE__ */ createElement(Box$1, { component: "li", ...props, key: label.id, sx: { "&.MuiAutocomplete-option": { p: "0 !important" } } }, /* @__PURE__ */ jsx(
-            LabelChip,
-            {
-              label: option,
-              sx: {
-                height: 24,
-                lineHeight: "24px",
-                ".MuiChip-label": { maxHeight: 24 },
-                ...getSelectedSx(selected)
-              },
-              fullName: false
-            }
-          ));
-        },
-        groupBy: () => "x",
-        renderGroup: (params) => {
-          return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            renderRecentLabels(),
-            renderGroup(params)
-          ] }, params.key);
-        },
-        options: filteredLabels,
-        getOptionLabel: (option) => option.data.getName(locale),
-        renderInput: (params) => /* @__PURE__ */ jsx(
-          Box$1,
-          {
-            component: InputBase,
-            ref: params.InputProps.ref,
-            inputProps: params.inputProps,
-            autoFocus: true,
-            placeholder: "Filter labels",
-            sx: (theme) => ({
-              padding: 1,
-              width: "100%",
-              bgcolor: "background.paper",
-              "& input": {
-                borderRadius: 1,
-                backgroundColor: "background.paper",
-                padding: 1,
-                transition: theme.transitions.create(["border-color", "box-shadow"]),
-                border: `1px solid ${theme.palette.divider}`,
-                fontSize: 14,
-                "&:focus": {
-                  boxShadow: `0px 0px 0px 3px ${alpha(theme.palette.primary.light, 0.4)}`,
-                  borderColor: theme.palette.primary.light
-                }
-              }
-            })
-          }
-        ),
-        slots: {
-          popper: PopperComponent
-        }
-      }
-    );
-  }
-  function renderActions() {
-    return /* @__PURE__ */ jsxs(Box$1, { children: [
-      isAdmin && inputValue && !exists && /* @__PURE__ */ jsx(
-        Box$1,
-        {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            gap: 1,
-            width: "100%",
-            height: 36,
-            px: 2,
-            borderTop: "1px solid",
-            borderColor: "divider",
-            fontSize: 14,
-            color: "grey.600",
-            cursor: "pointer",
-            textDecoration: "none"
-          },
-          onClick: handleCreate,
-          children: /* @__PURE__ */ jsxs("span", { children: [
-            'Create new label "',
-            inputValue,
-            '"'
-          ] })
-        }
-      ),
-      actions
-    ] });
-  }
-  const labelInput2 = trigger;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box$1, { onClick: handleClick, sx: { display: "flex", alignItems: "center" }, children: labelInput2 || /* @__PURE__ */ jsx(
-      Box$1,
-      {
-        component: ButtonBase,
-        disableRipple: true,
-        "aria-describedby": id,
-        className: "label-picker-trigger",
-        sx: [
-          (theme) => ({
-            width: "100%",
-            fontSize: 13,
-            color: theme.palette.mode === "light" ? "#586069" : "#8b949e",
-            fontWeight: 600,
-            "&:hover": {
-              color: theme.palette.mode === "light" ? "primary.main" : "#58a6ff"
-            },
-            "& svg": {
-              width: 22,
-              height: 22
-            }
-          }),
-          ...Array.isArray(buttonSx) ? buttonSx : [buttonSx]
-        ],
-        children: /* @__PURE__ */ jsx(mdiTagPlusOutline, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      Box$1,
-      {
-        component: Popper,
-        id,
-        open,
-        anchorEl,
-        placement: "bottom-start",
-        disablePortal,
-        sx: (theme) => ({
-          border: `1px solid ${theme.palette.divider}`,
-          boxShadow: `0 8px 24px ${theme.palette.mode === "light" ? "rgba(149, 157, 165, 0.2)" : "rgb(1, 4, 9)"}`,
-          borderRadius: 1,
-          width: 360,
-          overflow: "hidden",
-          zIndex: theme.zIndex.modal,
-          fontSize: 13,
-          color: "text.secondary",
-          backgroundColor: "background.paper"
-        }),
-        children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs(Box$1, { onClick: (e) => e.preventDefault(), children: [
-          renderAutocomplete(),
-          renderActions()
-        ] }) })
-      }
-    )
-  ] });
-}
-function LabelsInput({
-  value = [],
-  onChange,
-  LabelPickerProps,
-  sx,
-  ...rest
-}) {
-  const { getLabelsByIds, loading } = LabelsContainer.useContainer();
-  const valueOptions = useMemo(() => getLabelsByIds(value), [getLabelsByIds, value]);
-  const mergedSx = [
-    {
-      "& .MuiInputBase-root": { flexWrap: "wrap", gap: 0.5, py: 0.75 },
-      "& .MuiInputBase-input": { width: !value?.length ? "initial" : "20px", p: 0 }
-    },
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  const placeholder = !value?.length ? rest.placeholder || "Select labels" : "";
-  if (loading) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    GithubLabelPicker,
-    {
-      value,
-      onChange,
-      trigger: /* @__PURE__ */ jsx(
-        TextField,
-        {
-          ...rest,
-          placeholder,
-          fullWidth: true,
-          sx: mergedSx,
-          slotProps: {
-            input: {
-              autoComplete: "off",
-              ...rest.InputProps,
-              startAdornment: [
-                rest.InputProps?.startAdornment,
-                ...valueOptions.map((x, index) => /* @__PURE__ */ jsx(LabelChip, { label: x }, index))
-              ].filter(Boolean)
-            }
-          }
-        }
-      ),
-      ...LabelPickerProps
-    }
-  );
-}
-export {
-  GithubLabelPicker,
-  LabelChip,
-  LabelPicker,
-  LabelTree,
-  LabelTreeNode,
-  Labels,
-  Labels2,
-  LabelsContainer,
-  LabelsInput,
-  LabelsProvider,
-  useLabelsContext,
-  useLabelsUpdateOnDestroy
-};