@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/chunk-KYTHGFFY.mjs

@@ -0,0 +1,866 @@
+import {
+  OptionRenderer,
+  PickerField,
+  Provider,
+  gitHubPickerRootStyle,
+  gitHubPickerRootSx,
+  useStateContext
+} from "./chunk-VL7V52YD.mjs";
+import {
+  SoftSkeleton
+} from "./chunk-LQNDBPHU.mjs";
+import {
+  Badge
+} from "./chunk-56TI2ZBT.mjs";
+import {
+  default as default8
+} from "./chunk-VYD3PDBB.mjs";
+import {
+  default as default4
+} from "./chunk-MDAUF7IL.mjs";
+import {
+  default109 as default6,
+  default115 as default7,
+  default98 as default5
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  IconButton_default
+} from "./chunk-D4XPNSSI.mjs";
+import {
+  Chip
+} from "./chunk-OP6LKXPA.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
+  mergeSx
+} from "./chunk-AFLEG5ZC.mjs";
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/GitHubPicker.tsx
+import { useState, useMemo, useId, Suspense, lazy } from "react";
+
+// src/_utils/_func/array.ts
+function sortByCondi(array, key, condition, reverse = false) {
+  const anchor = reverse ? -1 : 1;
+  const sorted = [...array];
+  sorted.sort((a, b) => {
+    if (condition(a[key], b[key])) {
+      return -anchor;
+    } else {
+      return anchor;
+    }
+  });
+  return sorted;
+}
+function sortByKey(array, key, reverse = false) {
+  const condi = (a, b) => {
+    return a < b;
+  };
+  const sorted = sortByCondi(array, key, condi, reverse);
+  return sorted;
+}
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/GitHubPicker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PopperMenu = lazy(() => import("./PopperMenu-PSHLKIEZ.mjs"));
+var PICKER_ACCENT = {
+  primary: "var(--mui-palette-primary-emphasis)",
+  secondary: "var(--mui-palette-secondary-main)",
+  error: "var(--mui-palette-error-main)",
+  info: "var(--mui-palette-info-main)",
+  success: "var(--mui-palette-success-main)",
+  warning: "var(--mui-palette-warning-main)",
+  system: "var(--mui-palette-system-main)",
+  insight: "var(--mui-palette-insight-main)"
+};
+function GitHubPicker({
+  multiple = true,
+  ...p
+}) {
+  const _selectedIdProps = p.selectedIdProps[0];
+  const [anchorEl, setAnchorEl] = useState(null);
+  return /* @__PURE__ */ jsx(Provider, { selectedIds: _selectedIdProps, options: p.options, isMultiple: multiple, open: Boolean(anchorEl), children: /* @__PURE__ */ jsx(Picker, { ...p, multiple, anchorEl, setAnchorEl }) });
+}
+function Picker(p) {
+  const {
+    selectedIdProps,
+    options = [],
+    // options for rendering and autocomplete
+    additionSort,
+    title,
+    subtitle,
+    titleIcon,
+    onChange,
+    onDelete,
+    error = false,
+    multiple,
+    // default value set in Parent
+    disabled = false,
+    useGroup = true,
+    isAddOptionEnabled = false,
+    addOptionHandler,
+    isPopperFreezed,
+    variant = "field",
+    color = "secondary",
+    anchorEl,
+    setAnchorEl
+  } = p;
+  const tone = error ? "error" : color;
+  const accent = PICKER_ACCENT[tone];
+  const pickerId = useId();
+  const menuId = `${pickerId}-menu`;
+  const listboxId = `${pickerId}-listbox`;
+  const [selectedIds, sIds] = selectedIdProps;
+  const allMinimalOptions = useMemo(() => getMinimalOptions(options, additionSort), [options, additionSort]);
+  const selectedOpt = allMinimalOptions.filter((itm) => selectedIds.includes(itm.id));
+  const { state, select } = useStateContext();
+  const open = Boolean(anchorEl);
+  const closeHandler = (passedState) => {
+    const newValue = passedState === void 0 ? state.minimal : passedState.minimal;
+    const nextIds = idsFromSelection(Boolean(multiple), newValue);
+    sIds(nextIds);
+    onChange(nextIds);
+    if (anchorEl) {
+      anchorEl.focus();
+    }
+    setAnchorEl(null);
+  };
+  const removeItemHandler = (id) => () => {
+    onDelete(id);
+    sIds((old) => old.filter((itm) => itm !== id));
+    if (multiple) {
+      const current = Array.isArray(state.minimal) ? state.minimal : [];
+      select(current.filter((opt) => opt.id !== id));
+    } else if (!Array.isArray(state.minimal) && state.minimal?.id === id) {
+      select(null);
+    } else if (Array.isArray(state.minimal)) {
+      select(state.minimal.filter((opt) => opt.id !== id));
+    }
+  };
+  const togglePicker = (element) => {
+    if (disabled) return;
+    if (open) {
+      if (isPopperFreezed) return;
+      closeHandler();
+      return;
+    }
+    setAnchorEl(element);
+  };
+  return /* @__PURE__ */ jsx(
+    default4,
+    {
+      onClickAway: () => {
+        if (!open || isPopperFreezed) return;
+        closeHandler();
+      },
+      children: /* @__PURE__ */ jsxs(default2, { children: [
+        variant === "icon" ? /* @__PURE__ */ jsx(
+          IconTrigger,
+          {
+            id: pickerId,
+            menuId,
+            open,
+            color: tone,
+            disabled,
+            title,
+            titleIcon,
+            selectedCount: selectedOpt.length,
+            selectedLabels: selectedOpt.map((opt) => opt.label),
+            onToggle: togglePicker
+          }
+        ) : /* @__PURE__ */ jsx(
+          FieldTrigger,
+          {
+            id: pickerId,
+            menuId,
+            open,
+            error,
+            accent,
+            disabled,
+            title,
+            titleIcon,
+            selectedOpt,
+            options,
+            removeItemHandler,
+            multiple: Boolean(multiple),
+            onToggle: togglePicker
+          }
+        ),
+        anchorEl ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+          PopperMenu,
+          {
+            id: menuId,
+            listboxId,
+            anchorEl,
+            allMinimalOptions,
+            options,
+            closeHandler,
+            multiple,
+            disabled,
+            title: subtitle ?? title,
+            useGroup,
+            isAddOptionEnabled,
+            addOptionHandler,
+            isPopperFreezed
+          }
+        ) }) : null
+      ] })
+    }
+  );
+}
+function idsFromSelection(multiple, newValue) {
+  if (multiple) {
+    const list = Array.isArray(newValue) ? newValue : [];
+    return sortByKey(list, "filterKey").map((item) => item.id);
+  }
+  const single = Array.isArray(newValue) ? newValue[0] : newValue;
+  return single?.id ? [single.id] : [];
+}
+function getMinimalOptions(options, additionSort) {
+  const minimal = options.map((itm) => itm.minimal());
+  const sortedByFilterKey = sortByKey(minimal, "filterKey");
+  const afterAdditionSort = additionSort ? sortedByFilterKey.sort(additionSort) : sortedByFilterKey;
+  const sortedByGroup = sortByKey(afterAdditionSort, "group");
+  const sortedByDisabled = sortByKey(sortedByGroup, "disabled");
+  return sortedByDisabled;
+}
+function FieldTrigger(p) {
+  const { id, menuId, open, error, accent, disabled, title, titleIcon, selectedOpt, options, removeItemHandler, multiple, onToggle } = p;
+  return /* @__PURE__ */ jsxs(
+    PickerField,
+    {
+      id,
+      open,
+      error,
+      disabled,
+      role: "combobox",
+      tabIndex: disabled ? -1 : 0,
+      "aria-expanded": open,
+      "aria-haspopup": "listbox",
+      "aria-controls": open ? menuId : void 0,
+      "aria-disabled": disabled,
+      style: {
+        // On error, keep accent readable but quieter than full error-main chrome.
+        "--picker-border-emphasis": error ? "color-mix(in srgb, var(--picker-error) 55%, var(--picker-border))" : accent,
+        "--picker-check": error ? "color-mix(in srgb, var(--picker-error) 72%, var(--picker-text-secondary))" : accent,
+        "--picker-focus-ring": error ? "color-mix(in lab, var(--picker-error), transparent 86%)" : `color-mix(in lab, ${accent}, transparent 82%)`
+      },
+      onClick: (event) => onToggle(event.currentTarget),
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onToggle(event.currentTarget);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          default2,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              gap: 1,
+              minHeight: 20
+            },
+            children: [
+              titleIcon ? /* @__PURE__ */ jsx(
+                default2,
+                {
+                  sx: {
+                    display: "inline-flex",
+                    color: "var(--picker-check)",
+                    "& svg": { fontSize: "1.05rem" }
+                  },
+                  children: titleIcon
+                }
+              ) : null,
+              title ? /* @__PURE__ */ jsx(
+                default3,
+                {
+                  component: "span",
+                  sx: {
+                    flex: 1,
+                    minWidth: 0,
+                    fontSize: "0.68rem",
+                    fontWeight: 700,
+                    letterSpacing: "0.08em",
+                    textTransform: "uppercase",
+                    color: "var(--picker-text-secondary)",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    m: 0
+                  },
+                  children: title
+                }
+              ) : /* @__PURE__ */ jsx(default2, { sx: { flex: 1 } }),
+              /* @__PURE__ */ jsx(
+                default6,
+                {
+                  sx: {
+                    fontSize: 20,
+                    color: "var(--picker-text-secondary)",
+                    flexShrink: 0,
+                    transform: open ? "rotate(180deg)" : "rotate(0deg)",
+                    transition: "transform 180ms ease"
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DisplaySelected,
+          {
+            selectedOpt,
+            options,
+            removeItemHandler,
+            disabled,
+            multiple
+          }
+        )
+      ]
+    }
+  );
+}
+function IconTrigger(p) {
+  const { id, menuId, open, color, disabled, title, titleIcon, selectedCount, selectedLabels, onToggle } = p;
+  const tooltip = selectedLabels.length > 0 ? selectedLabels.join(", ") : title ?? "Select";
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      badgeContent: selectedCount,
+      invisible: selectedCount === 0,
+      color,
+      style_variant: "filled",
+      overlap: "circular",
+      sx: gitHubPickerRootSx,
+      max: 99,
+      children: /* @__PURE__ */ jsx(default2, { sx: { display: "inline-flex" }, children: /* @__PURE__ */ jsx(
+        IconButton_default,
+        {
+          id,
+          title: open ? "" : tooltip,
+          disabled,
+          selected: open,
+          color,
+          "aria-label": title ?? "Select",
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          "aria-controls": open ? menuId : void 0,
+          onClick: (event) => onToggle(event.currentTarget),
+          children: titleIcon ?? /* @__PURE__ */ jsx(default5, {})
+        }
+      ) })
+    }
+  );
+}
+function DisplaySelected(p) {
+  const { selectedOpt, options, removeItemHandler, disabled, multiple } = p;
+  const selectedIds = selectedOpt.map((itm) => itm.id);
+  const displaySelectedOptions = options.filter((itm) => selectedIds.includes(itm.id));
+  if (displaySelectedOptions.length === 0) {
+    return /* @__PURE__ */ jsx(
+      default3,
+      {
+        sx: {
+          fontSize: "0.9rem",
+          fontWeight: 500,
+          color: "var(--picker-text-secondary)",
+          opacity: 0.78,
+          lineHeight: 1.4,
+          m: 0
+        },
+        children: multiple ? "Select options" : "Select an option"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(default2, { sx: {
+    overflow: "hidden",
+    display: "flex",
+    flexWrap: "wrap",
+    gap: "6px"
+  }, children: displaySelectedOptions.map((o) => {
+    return /* @__PURE__ */ jsx(default2, { sx: {
+      overflow: "hidden",
+      maxWidth: "100%"
+    }, children: /* @__PURE__ */ jsx(
+      OptionRenderer,
+      {
+        option: o,
+        selected: true,
+        isIconClickable: true,
+        removeItemHandler: removeItemHandler(o?.id),
+        disabled,
+        slotProps: {
+          DM: {
+            isShowDescription: false
+          }
+        }
+      }
+    ) }, o.id);
+  }) });
+}
+
+// src/components/elemental/Autocomplete/src/Autocomplete/Autocomplete.tsx
+import { forwardRef, useCallback, useMemo as useMemo2 } from "react";
+import MuiAutocomplete from "@mui/material/Autocomplete";
+
+// src/components/elemental/Autocomplete/src/Autocomplete/theme.ts
+import { autocompleteClasses } from "@mui/material/Autocomplete";
+var autocompleteGlassVars = {
+  ...gitHubPickerRootStyle
+};
+var autocompleteGroupLabelSx = {
+  position: "sticky",
+  top: -8,
+  zIndex: 2,
+  lineHeight: "28px",
+  // Flush listbox horizontal padding (4px) so top radius meets Paper edges.
+  margin: 0,
+  mx: "-4px",
+  fontSize: 11,
+  fontWeight: 600,
+  letterSpacing: "0.04em",
+  textTransform: "uppercase",
+  color: "var(--picker-text-secondary)",
+  // Quieter than opaque paper — closer to glass paper; still covers scroll. No blur.
+  background: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+  backgroundColor: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+  backdropFilter: "none",
+  WebkitBackdropFilter: "none",
+  borderTopLeftRadius: 14,
+  borderTopRightRadius: 14,
+  borderBottom: "1px solid color-mix(in lab, var(--picker-border), transparent 28%)",
+  boxShadow: "none",
+  // Was 1.5 + listbox 4px ≈ 16px inset; keep text after flush.
+  px: 2,
+  py: 0
+};
+var autocompleteRootSx = {
+  ...autocompleteGlassVars,
+  width: "100%",
+  [`& .${autocompleteClasses.root}`]: {
+    width: "100%"
+  },
+  // Outlined like TextField / Select / Date / Time — quiet 1px border, no elevation shadow.
+  "& .MuiOutlinedInput-root": {
+    borderRadius: "12px",
+    backgroundColor: "transparent",
+    backdropFilter: "none",
+    WebkitBackdropFilter: "none",
+    boxShadow: "none",
+    transition: "border-color 160ms ease",
+    "& fieldset": {
+      borderWidth: "1px",
+      // Match sibling outlined inputs (TextField / Select theme).
+      borderColor: "var(--mui-palette-text-secondary)"
+    },
+    "&:hover fieldset": {
+      borderWidth: "1px",
+      borderColor: "var(--mui-palette-text-secondary)"
+    },
+    "&.Mui-focused fieldset": {
+      borderWidth: "1px",
+      borderColor: "var(--mui-palette-text-secondary)"
+    },
+    "&.Mui-error fieldset": {
+      borderWidth: "1px",
+      // Quiet error — muted mix, not a loud thick outline.
+      borderColor: "color-mix(in srgb, var(--picker-error) 55%, var(--mui-palette-text-secondary))"
+    },
+    "&.Mui-disabled": {
+      opacity: 0.58
+    }
+  },
+  "& .MuiAutocomplete-tag": {
+    margin: "2px"
+  },
+  // Quiet gap between clear X and popup indicator (avoid flush teal icons).
+  // MUI defaults marginRight: -2 on both indicators — that cancels a 4px gap.
+  [`& .${autocompleteClasses.endAdornment}`]: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  },
+  [`& .${autocompleteClasses.clearIndicator}, & .${autocompleteClasses.popupIndicator}`]: {
+    marginRight: "0 !important"
+  }
+};
+var autocompletePaperSx = {
+  ...autocompleteGlassVars,
+  borderRadius: "14px",
+  border: "1px solid var(--picker-border)",
+  backgroundColor: "var(--picker-paper-bg)",
+  backgroundImage: "none",
+  boxShadow: "var(--picker-shadow)",
+  backdropFilter: "var(--picker-glass)",
+  WebkitBackdropFilter: "var(--picker-glass)",
+  mt: 0.5,
+  overflow: "hidden"
+};
+var autocompleteListboxSx = {
+  ...autocompleteGlassVars,
+  // Keep existing quiet padding — no extra padding-top gutter / no margin-top: -28px.
+  padding: "6px 4px",
+  maxHeight: 280,
+  [`& .${autocompleteClasses.option}`]: {
+    margin: "2px 6px",
+    borderRadius: "10px",
+    minHeight: 0,
+    padding: "8px 10px",
+    '&[aria-selected="true"]': {
+      backgroundColor: "var(--picker-focus-soft)",
+      boxShadow: "inset 0 1px 0 var(--picker-highlight)"
+    },
+    "&.Mui-focused, &:hover": {
+      backgroundColor: "var(--picker-hover-bg)"
+    }
+  },
+  // Stock AutocompleteGroupLabel — beat paper fill via listbox descendant + theme.
+  [`& .${autocompleteClasses.groupLabel}`]: {
+    ...autocompleteGroupLabelSx
+  },
+  [`& .${autocompleteClasses.groupUl}`]: {
+    padding: 0,
+    margin: 0
+  }
+};
+var autocompleteChipSx = {
+  ...autocompleteGlassVars,
+  height: 24,
+  borderRadius: "999px",
+  backgroundColor: "var(--picker-chip-bg)",
+  border: "1px solid var(--picker-chip-border)",
+  boxShadow: "var(--picker-chip-shadow)",
+  "& .MuiChip-label": {
+    px: 1,
+    fontSize: 12
+  },
+  "& .MuiChip-deleteIcon": {
+    fontSize: 16,
+    color: "var(--picker-text-secondary)",
+    "&:hover": {
+      color: "var(--picker-text)"
+    }
+  }
+};
+var autocompleteEmptySx = {
+  ...autocompleteGlassVars,
+  display: "flex",
+  alignItems: "center",
+  gap: 1,
+  px: 1.75,
+  py: 1.25,
+  minHeight: 0,
+  border: "none",
+  background: "transparent",
+  boxShadow: "none"
+};
+var autocompleteLoadingSx = {
+  px: 1.5,
+  py: 1.25
+};
+var autocompleteTheme = {
+  defaultProps: {
+    size: "small"
+  },
+  styleOverrides: {
+    root: {
+      [`& .MuiOutlinedInput-root`]: {
+        "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+          borderWidth: "1px"
+        }
+      }
+    },
+    paper: {
+      borderRadius: "14px"
+    },
+    // Stock GroupLabel slot: quiet solid fill, Paper top radius, no backdrop-filter; keep MUI top: -8.
+    groupLabel: {
+      position: "sticky",
+      top: -8,
+      zIndex: 2,
+      lineHeight: "28px",
+      margin: 0,
+      mx: "-4px",
+      background: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+      backgroundColor: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+      backdropFilter: "none",
+      WebkitBackdropFilter: "none",
+      borderTopLeftRadius: 14,
+      borderTopRightRadius: 14,
+      borderBottom: "1px solid color-mix(in lab, var(--picker-border), transparent 28%)",
+      boxShadow: "none",
+      px: 2
+    }
+  }
+};
+
+// src/components/elemental/Autocomplete/src/Autocomplete/Autocomplete.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function isOption(value) {
+  return typeof value === "object" && value !== null && "id" in value && "label" in value;
+}
+function resolveItem(item, options, freeSolo) {
+  if (isOption(item)) return item;
+  const found = options.find((o) => o.id === item || o.label === item);
+  if (found) return found;
+  return freeSolo ? item : { id: item, label: item };
+}
+function resolveValue(value, options, multiple, freeSolo) {
+  if (value == null) return multiple ? [] : null;
+  if (multiple) {
+    const arr = Array.isArray(value) ? value : [value];
+    return arr.map((item) => resolveItem(item, options, freeSolo));
+  }
+  if (Array.isArray(value)) {
+    const first = value[0];
+    return first == null ? null : resolveItem(first, options, freeSolo);
+  }
+  return resolveItem(value, options, freeSolo);
+}
+function normalizeChanged(raw, multiple) {
+  if (multiple) {
+    if (raw == null) return [];
+    return Array.isArray(raw) ? raw : [raw];
+  }
+  if (Array.isArray(raw)) return raw[0] ?? null;
+  return raw;
+}
+var Autocomplete = forwardRef(function Autocomplete2({
+  options = [],
+  value,
+  defaultValue,
+  onChange,
+  freeSolo = false,
+  multiple = false,
+  loading = false,
+  label,
+  name,
+  helperText,
+  error = false,
+  placeholder,
+  required = false,
+  disabled = false,
+  size = "small",
+  fullWidth = true,
+  emptyTitle = "No options",
+  emptyDescription,
+  loadingLines = 3,
+  TextFieldProps,
+  sx,
+  groupBy,
+  getOptionLabel: getOptionLabelProp,
+  isOptionEqualToValue: isOptionEqualToValueProp,
+  filterOptions,
+  onInputChange,
+  inputValue,
+  disableClearable,
+  readOnly,
+  autoHighlight = true,
+  openOnFocus,
+  slotProps,
+  ...rest
+}, ref) {
+  const resolved = useMemo2(
+    () => resolveValue(value, options, multiple, freeSolo),
+    [value, options, multiple, freeSolo]
+  );
+  const resolvedDefault = useMemo2(
+    () => defaultValue === void 0 ? void 0 : resolveValue(defaultValue, options, multiple, freeSolo),
+    [defaultValue, options, multiple, freeSolo]
+  );
+  const getOptionLabel = useCallback(
+    (option) => {
+      if (typeof option === "string") return option;
+      if (getOptionLabelProp) return getOptionLabelProp(option);
+      return option.label ?? option.id ?? "";
+    },
+    [getOptionLabelProp]
+  );
+  const isOptionEqualToValue = useCallback(
+    (option, val) => {
+      if (isOptionEqualToValueProp && isOption(val)) {
+        return isOptionEqualToValueProp(option, val);
+      }
+      if (typeof val === "string") return option.id === val || option.label === val;
+      return option.id === val.id;
+    },
+    [isOptionEqualToValueProp]
+  );
+  const handleChange = useCallback(
+    (_event, newValue, reason) => {
+      onChange?.(normalizeChanged(newValue, multiple), reason);
+    },
+    [onChange, multiple]
+  );
+  const renderTags = useCallback(
+    (tagValue, getTagProps) => tagValue.map((option, index) => {
+      const { key, ...tagProps } = getTagProps({ index });
+      const chipLabel = typeof option === "string" ? option : option.label;
+      return /* @__PURE__ */ jsx2(
+        Chip,
+        {
+          size: "small",
+          label: chipLabel,
+          ...tagProps,
+          sx: autocompleteChipSx
+        },
+        key
+      );
+    }),
+    []
+  );
+  const renderOption = useCallback(
+    (props, option) => {
+      const { key, ...liProps } = props;
+      return /* @__PURE__ */ jsx2("li", { ...liProps, children: /* @__PURE__ */ jsxs2(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.25, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx2(default3, { variant: "body2", sx: { m: 0, fontWeight: 500, lineHeight: 1.3 }, children: option.label }),
+        option.description ? /* @__PURE__ */ jsx2(
+          default3,
+          {
+            variant: "caption",
+            sx: { m: 0, color: "var(--picker-text-secondary)", lineHeight: 1.3 },
+            children: option.description
+          }
+        ) : null
+      ] }) }, key ?? option.id);
+    },
+    []
+  );
+  const noOptionsNode = /* @__PURE__ */ jsxs2(default2, { sx: autocompleteEmptySx, role: "status", "data-testid": "autocomplete-empty", children: [
+    /* @__PURE__ */ jsx2(
+      default2,
+      {
+        "aria-hidden": true,
+        sx: {
+          display: "flex",
+          color: "var(--picker-text-secondary)",
+          opacity: 0.72,
+          lineHeight: 1
+        },
+        children: /* @__PURE__ */ jsx2(default7, { sx: { fontSize: 18 } })
+      }
+    ),
+    /* @__PURE__ */ jsxs2(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.25, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx2(
+        default3,
+        {
+          variant: "body2",
+          sx: {
+            m: 0,
+            fontSize: "0.8125rem",
+            fontWeight: 500,
+            color: "var(--picker-text-secondary)",
+            lineHeight: 1.35
+          },
+          children: emptyTitle
+        }
+      ),
+      emptyDescription ? /* @__PURE__ */ jsx2(
+        default3,
+        {
+          variant: "caption",
+          sx: {
+            m: 0,
+            color: "var(--picker-text-secondary)",
+            opacity: 0.85,
+            lineHeight: 1.35
+          },
+          children: emptyDescription
+        }
+      ) : null
+    ] })
+  ] });
+  const loadingNode = /* @__PURE__ */ jsx2(default2, { sx: autocompleteLoadingSx, children: /* @__PURE__ */ jsx2(SoftSkeleton, { preset: "text", lines: loadingLines }) });
+  const hasGroups = options.some((o) => Boolean(o.group));
+  const paperSlot = slotProps?.paper;
+  const listboxSlot = slotProps?.listbox;
+  const clearSlot = slotProps?.clearIndicator;
+  const popupSlot = slotProps?.popupIndicator;
+  return /* @__PURE__ */ jsx2(default2, { ref, sx: mergeSx(autocompleteRootSx, sx), "data-testid": "autocomplete", children: /* @__PURE__ */ jsx2(
+    MuiAutocomplete,
+    {
+      options,
+      value: resolved,
+      defaultValue: resolvedDefault,
+      onChange: handleChange,
+      freeSolo,
+      multiple,
+      loading,
+      disabled,
+      size,
+      fullWidth,
+      autoHighlight,
+      openOnFocus,
+      disableClearable,
+      readOnly,
+      filterOptions,
+      onInputChange,
+      inputValue,
+      groupBy: groupBy ?? (hasGroups ? (option) => option.group ?? "" : void 0),
+      getOptionLabel,
+      isOptionEqualToValue,
+      getOptionDisabled: (option) => Boolean(option.disabled),
+      renderTags: multiple ? renderTags : void 0,
+      renderOption,
+      noOptionsText: noOptionsNode,
+      loadingText: loadingNode,
+      slotProps: {
+        ...slotProps,
+        paper: {
+          ...paperSlot,
+          sx: mergeSx(autocompletePaperSx, paperSlot?.sx)
+        },
+        listbox: {
+          ...listboxSlot,
+          sx: mergeSx(autocompleteListboxSx, listboxSlot?.sx)
+        },
+        // Beat AutocompleteClearIndicator / PopupIndicator marginRight: -2.
+        clearIndicator: {
+          ...clearSlot,
+          sx: mergeSx({ marginRight: 0 }, clearSlot?.sx)
+        },
+        popupIndicator: {
+          ...popupSlot,
+          sx: mergeSx({ marginRight: 0 }, popupSlot?.sx)
+        }
+      },
+      renderInput: (params) => /* @__PURE__ */ jsx2(
+        default8,
+        {
+          ...params,
+          ...TextFieldProps,
+          name,
+          label,
+          placeholder,
+          error,
+          helperText,
+          required,
+          disabled,
+          size,
+          fullWidth
+        }
+      ),
+      ...rest
+    }
+  ) });
+});
+var Autocomplete_default = Autocomplete;
+
+export {
+  GitHubPicker,
+  autocompleteGlassVars,
+  autocompleteGroupLabelSx,
+  autocompleteRootSx,
+  autocompletePaperSx,
+  autocompleteListboxSx,
+  autocompleteChipSx,
+  autocompleteTheme,
+  Autocomplete_default
+};
+//# sourceMappingURL=chunk-KYTHGFFY.mjs.map