@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-OJV6V7YZ.mjs

@@ -0,0 +1,552 @@
+import {
+  randomStrGenerator
+} from "./chunk-QFF3HTHL.mjs";
+import {
+  IconButton_default,
+  TagButton_default
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default54 as default4,
+  default69 as default5
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/theme.ts
+import { styled } from "@mui/material/styles";
+var gitHubPickerRootStyle = {
+  "--option-subscript": "var(--mui-palette-text-subscript)",
+  "--picker-focus-soft": "color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)",
+  "--picker-focus": "var(--mui-palette-focus-1)",
+  "--picker-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)",
+  "--picker-border-hover": "var(--mui-palette-border-hover-1)",
+  "--picker-border-emphasis": "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)",
+  "--picker-text": "var(--mui-palette-text-primary)",
+  "--picker-text-secondary": "var(--mui-palette-text-secondary)",
+  "--picker-text-disabled": "var(--mui-palette-text-disabled)",
+  "--picker-surface": "color-mix(in lab, var(--mui-palette-common-black), transparent 68%)",
+  "--picker-paper-bg": "color-mix(in lab, var(--mui-palette-background-paper), transparent 30%)",
+  "--picker-hover-bg": "var(--mui-palette-background-hover-1)",
+  "--picker-chip-bg": "color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)",
+  "--picker-chip-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)",
+  "--picker-chip-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%)",
+  "--picker-error": "var(--mui-palette-error-main)",
+  // Dark closed field: true mid glass — between washed and dim.
+  "--picker-highlight": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)",
+  "--picker-sheen": "none",
+  "--picker-shadow": [
+    "0 18px 48px color-mix(in srgb, var(--mui-palette-common-black), transparent 72%)",
+    "0 0 0 1px color-mix(in srgb, var(--mui-palette-common-black), transparent 88%)"
+  ].join(", "),
+  "--picker-focus-ring": "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)",
+  "--picker-check": "var(--mui-palette-primary-emphasis)",
+  "--picker-search-bg": "var(--mui-palette-background-hover-1)",
+  "--picker-search-shadow": "inset 0 1px 0 var(--picker-highlight)",
+  "--picker-search-border": "color-mix(in lab, var(--picker-highlight), transparent 40%)",
+  "--picker-divider": "var(--mui-palette-divider)",
+  "--picker-icon-well": "color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)",
+  "--picker-blur": "8px",
+  "--picker-glass": "saturate(1.15) blur(var(--picker-blur))",
+  "[color-scheme=light] &": {
+    "--picker-blur": "10px",
+    "--picker-glass": "saturate(1.08) blur(var(--picker-blur))",
+    "--picker-surface": "color-mix(in lab, var(--mui-palette-common-white), transparent 46%)",
+    "--picker-paper-bg": "color-mix(in lab, var(--mui-palette-common-white), transparent 48%)",
+    "--picker-highlight": "color-mix(in lab, var(--mui-palette-common-white), transparent 55%)",
+    "--picker-sheen": "none",
+    "--picker-border": "color-mix(in lab, var(--mui-palette-border-1), transparent 95%)",
+    "--picker-chip-bg": "color-mix(in lab, var(--mui-palette-common-white), transparent 32%)",
+    "--picker-chip-border": "color-mix(in lab, var(--mui-palette-common-black), transparent 94%)",
+    "--picker-chip-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 40%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)",
+    "--picker-search-bg": "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)",
+    "--picker-search-shadow": "inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)",
+    "--picker-search-border": "color-mix(in lab, var(--mui-palette-common-black), transparent 93%)",
+    "--picker-focus-soft": "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)",
+    "--picker-hover-bg": "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)",
+    "--picker-shadow": [
+      "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 28%)",
+      "0 1px 2px color-mix(in srgb, var(--mui-palette-common-black), transparent 90%)",
+      "0 10px 28px color-mix(in srgb, var(--mui-palette-common-black), transparent 86%)"
+    ].join(", "),
+    "--picker-field-shadow": [
+      "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 28%)",
+      "0 8px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 88%)"
+    ].join(", "),
+    "--picker-icon-well": "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)"
+  }
+};
+var gitHubPickerRootSx = {
+  ...gitHubPickerRootStyle
+};
+var PickerField = styled(default2, {
+  shouldForwardProp: (prop) => prop !== "open" && prop !== "error" && prop !== "disabled"
+})({
+  ...gitHubPickerRootStyle,
+  boxSizing: "border-box",
+  width: "100%",
+  minWidth: 240,
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+  padding: "12px 14px 14px",
+  borderRadius: 12,
+  border: "1px solid var(--picker-field-border)",
+  backgroundColor: "var(--picker-surface)",
+  backgroundImage: "var(--picker-sheen)",
+  backdropFilter: "saturate(1.2) blur(12px)",
+  WebkitBackdropFilter: "saturate(1.2) blur(12px)",
+  cursor: "var(--picker-field-cursor)",
+  outline: "none",
+  boxShadow: "var(--picker-field-shadow)",
+  transition: "border-color 160ms ease, box-shadow 160ms ease",
+  "& *": {
+    cursor: "inherit"
+  },
+  "--picker-field-border": "var(--picker-border)",
+  "--picker-field-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)",
+  "--picker-field-cursor": "pointer",
+  "&:hover": {
+    "--picker-field-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)"
+  },
+  "&:focus-visible": {
+    "--picker-field-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)",
+    "--picker-field-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)"
+  },
+  variants: [
+    {
+      props: { open: true },
+      style: {
+        "--picker-field-border": "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)",
+        "--picker-field-shadow": "inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)"
+      }
+    },
+    {
+      props: { error: true },
+      style: {
+        "--picker-field-border": "var(--picker-error)"
+      }
+    },
+    {
+      props: { disabled: true },
+      style: {
+        "--picker-field-cursor": "default",
+        opacity: 0.58,
+        pointerEvents: "none"
+      }
+    }
+  ]
+});
+var OptionBox = styled(default2, {
+  shouldForwardProp: (prop) => prop !== "selected" && prop !== "isIconClickable" && prop !== "disabled" && prop !== "disableBR"
+})({
+  ...gitHubPickerRootStyle,
+  width: "100%",
+  padding: 0,
+  backgroundColor: "var(--bg)",
+  border: "1px solid var(--bd)",
+  borderRadius: "var(--br)",
+  boxShadow: "var(--chip-shadow)",
+  cursor: "var(--curosr)",
+  "--bg": "transparent",
+  "--bd": "transparent",
+  "--br": "10px",
+  "--chip-shadow": "none",
+  "--ai": "flex-start",
+  "--curosr": "pointer",
+  "& *": {
+    cursor: "inherit"
+  },
+  variants: [
+    {
+      props: { isIconClickable: true },
+      style: {
+        width: "auto",
+        maxWidth: "100%",
+        "--bg": "var(--picker-chip-bg)",
+        "--bd": "var(--picker-chip-border)",
+        "--br": "999px",
+        "--chip-shadow": "var(--picker-chip-shadow)",
+        "--ai": "center",
+        "--curosr": "pointer"
+      }
+    },
+    {
+      props: { isIconClickable: false },
+      style: {
+        "--bg": "transparent",
+        "--bd": "transparent",
+        "--ai": "flex-start"
+      }
+    },
+    {
+      props: { disabled: true },
+      style: {
+        "--curosr": "default"
+      }
+    },
+    {
+      props: { disabled: false },
+      style: {
+        "--curosr": "pointer"
+      }
+    },
+    {
+      props: { disableBR: true },
+      style: {
+        "--br": 0
+      }
+    }
+  ]
+});
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/OptionRenderer.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ICON_STYLE = {
+  height: 16,
+  width: 16,
+  opacity: 0.85
+};
+function OptionRenderer({
+  option,
+  isIconClickable = false,
+  selected,
+  disabled,
+  disableBR = false,
+  removeItemHandler,
+  slotProps = {}
+}) {
+  if (!option) return null;
+  return /* @__PURE__ */ jsx(Wrapper, { selected, isIconClickable, disabled, disableBR, children: /* @__PURE__ */ jsx(
+    default2,
+    {
+      sx: {
+        "&.MuiBox-root": {
+          width: "100%",
+          display: "flex",
+          alignItems: "var(--ai)",
+          gap: isIconClickable ? "6px" : "10px",
+          cursor: "var(--curosr)",
+          padding: isIconClickable ? "3px 6px 3px 8px" : "8px 10px"
+        }
+      },
+      children: /* @__PURE__ */ jsx(
+        DM,
+        {
+          option,
+          onDelete: removeItemHandler ? () => removeItemHandler(option.id) : void 0,
+          isIconClickable,
+          selected,
+          disabled,
+          ...slotProps.DM
+        }
+      )
+    }
+  ) });
+}
+function Wrapper({
+  children,
+  selected = false,
+  isIconClickable = false,
+  disabled = false,
+  disableBR = false
+}) {
+  return /* @__PURE__ */ jsx(OptionBox, { selected, isIconClickable, disabled, disableBR, children });
+}
+function ItemIcon({ option, compact }) {
+  if (!option.icon) return null;
+  return /* @__PURE__ */ jsx(
+    default2,
+    {
+      component: "span",
+      sx: {
+        flexShrink: 0,
+        width: compact ? 18 : 28,
+        height: compact ? 18 : 28,
+        borderRadius: compact ? "50%" : "8px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        alignSelf: "center",
+        backgroundColor: compact ? "transparent" : "var(--picker-icon-well)",
+        color: "var(--picker-text-secondary)",
+        "& svg": ICON_STYLE
+      },
+      children: option.icon
+    }
+  );
+}
+function ItemLabel({
+  option,
+  isShowDescription = false,
+  compact = false
+}) {
+  const isUseTag = option.tags.length > 0;
+  const description = option.description?.trim();
+  const showSecondary = isShowDescription && (isUseTag || Boolean(description));
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      sx: {
+        flexGrow: 1,
+        minWidth: 0,
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        gap: showSecondary ? "2px" : 0
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          default3,
+          {
+            component: "span",
+            sx: {
+              display: "block",
+              fontSize: compact ? "0.8125rem" : "0.875rem",
+              fontWeight: compact ? 500 : 600,
+              lineHeight: 1.3,
+              letterSpacing: compact ? 0 : "0.01em",
+              color: "var(--picker-text)",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              m: 0
+            },
+            children: option.label
+          }
+        ),
+        showSecondary ? isUseTag ? /* @__PURE__ */ jsx(default2, { sx: { display: "flex", gap: "4px", flexWrap: "wrap", pt: 0.25 }, children: option.tags.map((tag, i) => /* @__PURE__ */ jsx(
+          TagButton_default,
+          {
+            label: (tag?.tagIcon ? "" : "# ") + tag.tagName,
+            icon: tag?.tagIcon ?? void 0
+          },
+          i
+        )) }) : /* @__PURE__ */ jsx(
+          default3,
+          {
+            component: "span",
+            sx: {
+              display: "block",
+              fontSize: "0.75rem",
+              lineHeight: 1.35,
+              color: "var(--option-subscript)",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              m: 0
+            },
+            children: description
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function DM({
+  option,
+  selected,
+  onDelete,
+  alwaysShowEndIcon = false,
+  isIconClickable = false,
+  disabled = false,
+  endIcon = null,
+  isShowEndIcon = true,
+  isShowDescription = true
+}) {
+  const showClose = Boolean(isShowEndIcon && isIconClickable && (selected || alwaysShowEndIcon));
+  const showCheck = Boolean(isShowEndIcon && !isIconClickable && selected);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ItemIcon, { option, compact: isIconClickable }),
+    /* @__PURE__ */ jsx(ItemLabel, { option, isShowDescription, compact: isIconClickable }),
+    showClose ? /* @__PURE__ */ jsx(
+      IconButton_default,
+      {
+        size: "small",
+        disabled,
+        "aria-label": `Remove ${option.label}`,
+        onClick: (event) => {
+          event.stopPropagation();
+          onDelete?.(event);
+        },
+        sx: {
+          padding: "2px",
+          flexShrink: 0,
+          cursor: disabled ? "default" : "pointer",
+          backgroundColor: "transparent",
+          border: "none",
+          color: "var(--picker-text-secondary)",
+          "&:hover": {
+            backgroundColor: "var(--picker-hover-bg)",
+            border: "none",
+            color: "var(--picker-text)"
+          }
+        },
+        children: endIcon ?? /* @__PURE__ */ jsx(default4, { sx: { fontSize: "0.95rem" } })
+      }
+    ) : null,
+    showCheck ? /* @__PURE__ */ jsx(
+      default2,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          alignSelf: "center",
+          flexShrink: 0,
+          color: "var(--picker-check)",
+          pl: 0.5
+        },
+        children: endIcon ?? /* @__PURE__ */ jsx(default5, { sx: { fontSize: "1.05rem" } })
+      }
+    ) : null
+  ] });
+}
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/states/states.tsx
+import { createContext, useContext, useState, useCallback, useMemo, useEffect, useRef } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Context = createContext(null);
+var useStateContext = () => {
+  const ctx = useContext(Context);
+  if (!ctx) throw new Error("useStateContext must be used within LocalSelectedProvider");
+  return ctx;
+};
+var Provider = ({ children, selectedIds, options, isMultiple, open = false }) => {
+  const [state, setState] = useState(() => init({ selectedIds, options, isMultiple }));
+  const stateRef = useRef(state);
+  stateRef.current = state;
+  useEffect(() => {
+    const next = init({ selectedIds, options, isMultiple });
+    if (equalState(stateRef.current, next)) return;
+    if (open) return;
+    stateRef.current = next;
+    setState(next);
+  }, [selectedIds, options, isMultiple, open]);
+  const computeNextState = useCallback((prev, option) => {
+    if (prev.isMultiple) {
+      const newOptions = Array.isArray(option) ? option : [];
+      return { ...prev, ids: newOptions.map((o) => o.id), minimal: newOptions };
+    }
+    const newOption = option && !Array.isArray(option) ? option : null;
+    return { ...prev, ids: newOption?.id ?? null, minimal: newOption };
+  }, []);
+  const select = useCallback((option) => {
+    let produced;
+    setState((prev) => {
+      produced = computeNextState(prev, option);
+      stateRef.current = produced;
+      return produced;
+    });
+    if (produced === void 0) {
+      produced = computeNextState(stateRef.current, option);
+      stateRef.current = produced;
+    }
+    return produced;
+  }, [computeNextState]);
+  const value = useMemo(() => ({ state, select }), [state, select]);
+  return /* @__PURE__ */ jsx2(Context.Provider, { value, children });
+};
+var useSelector = () => {
+  const { state } = useStateContext();
+  return (key) => {
+    return state[key];
+  };
+};
+function init({
+  selectedIds,
+  options,
+  isMultiple
+}) {
+  return {
+    ids: isMultiple ? selectedIds : selectedIds[0] ?? null,
+    minimal: isMultiple ? options.filter((o) => selectedIds.includes(o.id)).map((o) => o.minimal()) : options.find((o) => o.id === selectedIds[0])?.minimal() ?? null,
+    isMultiple
+  };
+}
+function equalIds(a, b) {
+  if (a === b) return true;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return a.length === b.length && a.every((id, i) => id === b[i]);
+  }
+  return false;
+}
+function equalMinimalOption(a, b) {
+  return a.id === b.id && a.label === b.label && a.filterKey === b.filterKey && a.disabled === b.disabled && a.group === b.group && a.value === b.value;
+}
+function equalMinimal(a, b) {
+  if (a === b) return true;
+  if (a == null || b == null) return false;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return a.length === b.length && a.every((opt, i) => equalMinimalOption(opt, b[i]));
+  }
+  if (!Array.isArray(a) && !Array.isArray(b)) {
+    return equalMinimalOption(a, b);
+  }
+  return false;
+}
+function equalState(a, b) {
+  return a.isMultiple === b.isMultiple && equalIds(a.ids, b.ids) && equalMinimal(a.minimal, b.minimal);
+}
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/_utils/_const.ts
+var MY_LOCAL_DISABLE_GROUP = "My Local Disable Group - c7EgCbQ9T1";
+var DISABLED_GROUP = "Disabled";
+
+// src/components/elemental/Autocomplete/src/GitHubPicker/_utils/OptionClass.ts
+var Option = class {
+  id;
+  label;
+  description;
+  disabled;
+  group;
+  icon;
+  filterKey;
+  value;
+  defaultSelected;
+  otherProps;
+  tags;
+  constructor(p) {
+    this.id = p.id ?? randomStrGenerator();
+    this.label = p.label ?? "label";
+    this.description = p.description ?? "description";
+    this.disabled = p.disabled ?? false;
+    this.group = p.group ?? "group";
+    this.icon = p.icon ?? null;
+    this.filterKey = p.filterKey || defaultGetFilterKey(p);
+    this.defaultSelected = p.defaultSelected ?? false;
+    this.value = p.value ?? "";
+    this.otherProps = p.otherProps ?? {};
+    this.tags = p.tags ?? [];
+  }
+  minimal() {
+    return {
+      id: this.id,
+      label: this.label,
+      filterKey: this.filterKey,
+      disabled: this.disabled,
+      group: this.group,
+      value: this.value
+    };
+  }
+};
+function defaultGetFilterKey(p) {
+  const tagsStr = p.tags?.map((t) => t.tagName).join(" ") ?? "";
+  return `${p.group ?? ""} ${p.label ?? ""} ${p.description ?? ""} ${p.value ?? ""} ${p.disabled ? DISABLED_GROUP : ""} ${tagsStr}`;
+}
+
+export {
+  gitHubPickerRootStyle,
+  gitHubPickerRootSx,
+  PickerField,
+  OptionRenderer,
+  useStateContext,
+  Provider,
+  useSelector,
+  MY_LOCAL_DISABLE_GROUP,
+  DISABLED_GROUP,
+  Option
+};
+//# sourceMappingURL=chunk-OJV6V7YZ.mjs.map

package/dist/chunk-OJV6V7YZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Autocomplete/src/GitHubPicker/theme.ts","../src/components/elemental/Autocomplete/src/GitHubPicker/OptionRenderer.tsx","../src/components/elemental/Autocomplete/src/GitHubPicker/states/states.tsx","../src/components/elemental/Autocomplete/src/GitHubPicker/_utils/_const.ts","../src/components/elemental/Autocomplete/src/GitHubPicker/_utils/OptionClass.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles'\nimport { styled } from '@mui/material/styles'\nimport { Box } from '@/ele/Box'\n\n/**\n * Static palette aliases shared across GitHubPicker styled components.\n * Children consume these variables; they do not re-declare palette refs.\n */\nexport const gitHubPickerRootStyle = {\n\t'--option-subscript': 'var(--mui-palette-text-subscript)',\n\t'--picker-focus-soft': 'color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)',\n\t'--picker-focus': 'var(--mui-palette-focus-1)',\n  '--picker-border': 'color-mix(in lab, var(--mui-palette-common-white), transparent 94%)',\n\t'--picker-border-hover': 'var(--mui-palette-border-hover-1)',\n\t'--picker-border-emphasis': 'color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)',\n\t'--picker-text': 'var(--mui-palette-text-primary)',\n\t'--picker-text-secondary': 'var(--mui-palette-text-secondary)',\n\t'--picker-text-disabled': 'var(--mui-palette-text-disabled)',\n\t'--picker-surface': 'color-mix(in lab, var(--mui-palette-common-black), transparent 68%)',\n\t'--picker-paper-bg': 'color-mix(in lab, var(--mui-palette-background-paper), transparent 30%)',\n\t'--picker-hover-bg': 'var(--mui-palette-background-hover-1)',\n\t'--picker-chip-bg': 'color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)',\n\t'--picker-chip-border': 'color-mix(in lab, var(--mui-palette-common-white), transparent 94%)',\n\t'--picker-chip-shadow': 'inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%)',\n\t'--picker-error': 'var(--mui-palette-error-main)',\n\t// Dark closed field: true mid glass — between washed and dim.\n\t'--picker-highlight': 'color-mix(in lab, var(--mui-palette-common-white), transparent 92%)',\n\t'--picker-sheen': 'none',\n\t'--picker-shadow': [\n\t\t'0 18px 48px color-mix(in srgb, var(--mui-palette-common-black), transparent 72%)',\n\t\t'0 0 0 1px color-mix(in srgb, var(--mui-palette-common-black), transparent 88%)',\n\t].join(', '),\n\t'--picker-focus-ring': 'color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)',\n\t'--picker-check': 'var(--mui-palette-primary-emphasis)',\n\t'--picker-search-bg': 'var(--mui-palette-background-hover-1)',\n\t'--picker-search-shadow': 'inset 0 1px 0 var(--picker-highlight)',\n\t'--picker-search-border': 'color-mix(in lab, var(--picker-highlight), transparent 40%)',\n\t'--picker-divider': 'var(--mui-palette-divider)',\n\t'--picker-icon-well': 'color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)',\n\t'--picker-blur': '8px',\n\t'--picker-glass': 'saturate(1.15) blur(var(--picker-blur))',\n\t'[color-scheme=light] &': {\n\t\t'--picker-blur': '10px',\n\t\t'--picker-glass': 'saturate(1.08) blur(var(--picker-blur))',\n\t\t'--picker-surface': 'color-mix(in lab, var(--mui-palette-common-white), transparent 46%)',\n\t\t'--picker-paper-bg': 'color-mix(in lab, var(--mui-palette-common-white), transparent 48%)',\n\t\t'--picker-highlight': 'color-mix(in lab, var(--mui-palette-common-white), transparent 55%)',\n\t\t'--picker-sheen': 'none',\n\t\t'--picker-border': 'color-mix(in lab, var(--mui-palette-border-1), transparent 95%)',\n\t\t'--picker-chip-bg': 'color-mix(in lab, var(--mui-palette-common-white), transparent 32%)',\n\t\t'--picker-chip-border': 'color-mix(in lab, var(--mui-palette-common-black), transparent 94%)',\n\t\t'--picker-chip-shadow': 'inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 40%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)',\n\t\t'--picker-search-bg': 'color-mix(in lab, var(--mui-palette-common-black), transparent 95%)',\n\t\t'--picker-search-shadow': 'inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)',\n\t\t'--picker-search-border': 'color-mix(in lab, var(--mui-palette-common-black), transparent 93%)',\n\t\t'--picker-focus-soft': 'color-mix(in lab, var(--mui-palette-common-black), transparent 95%)',\n\t\t'--picker-hover-bg': 'color-mix(in lab, var(--mui-palette-common-black), transparent 96%)',\n\t\t'--picker-shadow': [\n\t\t\t'inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 28%)',\n\t\t\t'0 1px 2px color-mix(in srgb, var(--mui-palette-common-black), transparent 90%)',\n\t\t\t'0 10px 28px color-mix(in srgb, var(--mui-palette-common-black), transparent 86%)',\n\t\t].join(', '),\n\t\t'--picker-field-shadow': [\n\t\t\t'inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 28%)',\n\t\t\t'0 8px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 88%)',\n\t\t].join(', '),\n\t\t'--picker-icon-well': 'color-mix(in lab, var(--mui-palette-common-black), transparent 96%)',\n\t},\n} as const\n\nexport const gitHubPickerRootSx = {\n\t...gitHubPickerRootStyle,\n} as const satisfies SxProps<Theme>\n\nexport const PickerField = styled(Box, {\n\tshouldForwardProp: (prop) =>\n\t\tprop !== 'open'\n\t\t&& prop !== 'error'\n\t\t&& prop !== 'disabled',\n})<{ open?: boolean; error?: boolean; disabled?: boolean }>({\n\t...gitHubPickerRootStyle,\n\tboxSizing: 'border-box',\n\twidth: '100%',\n\tminWidth: 240,\n\tdisplay: 'flex',\n\tflexDirection: 'column',\n\tgap: 8,\n\tpadding: '12px 14px 14px',\n\tborderRadius: 12,\n\tborder: '1px solid var(--picker-field-border)',\n\tbackgroundColor: 'var(--picker-surface)',\n\tbackgroundImage: 'var(--picker-sheen)',\n\tbackdropFilter: 'saturate(1.2) blur(12px)',\n\tWebkitBackdropFilter: 'saturate(1.2) blur(12px)',\n\tcursor: 'var(--picker-field-cursor)',\n\toutline: 'none',\n\tboxShadow: 'var(--picker-field-shadow)',\n\ttransition: 'border-color 160ms ease, box-shadow 160ms ease',\n\t'& *': {\n\t\tcursor: 'inherit',\n\t},\n\t'--picker-field-border': 'var(--picker-border)',\n\t'--picker-field-shadow': 'inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)',\n\t'--picker-field-cursor': 'pointer',\n\t'&:hover': {\n\t\t'--picker-field-border': 'color-mix(in lab, var(--mui-palette-common-white), transparent 92%)',\n\t},\n\t'&:focus-visible': {\n\t\t'--picker-field-border': 'color-mix(in lab, var(--mui-palette-common-white), transparent 92%)',\n\t\t'--picker-field-shadow': 'inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)',\n\t},\n\tvariants: [\n\t\t{\n\t\t\tprops: { open: true },\n\t\t\tstyle: {\n\t\t\t\t'--picker-field-border': 'color-mix(in lab, var(--mui-palette-common-white), transparent 92%)',\n\t\t\t\t'--picker-field-shadow': 'inset 0 1px 0 color-mix(in lab, var(--mui-palette-common-white), transparent 88%), inset 0 0 0 1px color-mix(in lab, var(--mui-palette-common-white), transparent 91%), 0 0 20px color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 93%), 0 9px 22px color-mix(in srgb, var(--mui-palette-common-black), transparent 77%)',\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tprops: { error: true },\n\t\t\tstyle: {\n\t\t\t\t'--picker-field-border': 'var(--picker-error)',\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tprops: { disabled: true },\n\t\t\tstyle: {\n\t\t\t\t'--picker-field-cursor': 'default',\n\t\t\t\topacity: 0.58,\n\t\t\t\tpointerEvents: 'none',\n\t\t\t},\n\t\t},\n\t],\n})\n\nexport const OptionBox = styled(Box, {\n\tshouldForwardProp: (prop) =>\n\t\tprop !== 'selected'\n\t\t&& prop !== 'isIconClickable'\n\t\t&& prop !== 'disabled'\n\t\t&& prop !== 'disableBR'\n})<{ selected: boolean; isIconClickable: boolean; disabled: boolean; disableBR?: boolean }>({\n\t...gitHubPickerRootStyle,\n\twidth: '100%',\n\tpadding: 0,\n\tbackgroundColor: 'var(--bg)',\n\tborder: '1px solid var(--bd)',\n\tborderRadius: 'var(--br)',\n\tboxShadow: 'var(--chip-shadow)',\n\tcursor: 'var(--curosr)',\n\t'--bg': 'transparent',\n\t'--bd': 'transparent',\n\t'--br': '10px',\n\t'--chip-shadow': 'none',\n\t'--ai': 'flex-start',\n\t'--curosr': 'pointer',\n\t'& *': {\n\t\tcursor: 'inherit',\n\t},\n\tvariants: [\n\t\t{\n\t\t\tprops: { isIconClickable: true },\n\t\t\tstyle: {\n\t\t\t\twidth: 'auto',\n\t\t\t\tmaxWidth: '100%',\n\t\t\t\t'--bg': 'var(--picker-chip-bg)',\n\t\t\t\t'--bd': 'var(--picker-chip-border)',\n\t\t\t\t'--br': '999px',\n\t\t\t\t'--chip-shadow': 'var(--picker-chip-shadow)',\n\t\t\t\t'--ai': 'center',\n\t\t\t\t'--curosr': 'pointer',\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tprops: { isIconClickable: false },\n\t\t\tstyle: {\n\t\t\t\t'--bg': 'transparent',\n\t\t\t\t'--bd': 'transparent',\n\t\t\t\t'--ai': 'flex-start',\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tprops: { disabled: true },\n\t\t\tstyle: {\n\t\t\t\t'--curosr': 'default',\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tprops: { disabled: false },\n\t\t\tstyle: {\n\t\t\t\t'--curosr': 'pointer',\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tprops: { disableBR: true },\n\t\t\tstyle: {\n\t\t\t\t'--br': 0,\n\t\t\t},\n\t\t},\n\t],\n})\n","'use client'\nimport { Box } from '@/ele/Box'\nimport { CheckIcon, CloseIcon } from '@/icons/MuiIcon'\nimport { IconButton } from '@/ele/Button'\nimport { Typography } from '@/ele/Typography'\nimport { TagButton } from '@/ele/Button'\n\nimport { OptionClass, type OptionId } from './_utils'\nimport { OptionBox } from './theme'\n\nconst ICON_STYLE = {\n\theight: 16,\n\twidth: 16,\n\topacity: 0.85,\n}\n\nexport default function OptionRenderer({\n\toption,\n\tisIconClickable = false,\n\tselected,\n\tdisabled,\n\tdisableBR = false,\n\tremoveItemHandler,\n\tslotProps = {},\n}: {\n\tselected: boolean;\n\tisIconClickable?: boolean;\n\tdisabled?: boolean;\n\tdisableBR?: boolean;\n\toption: OptionClass | null;\n\tremoveItemHandler?: (id: OptionId) => void;\n\tslotProps?: {\n\t\tDM?: Partial<React.ComponentProps<typeof DM>>;\n\t};\n}) {\n\tif (!option) return null;\n\n\treturn (\n\t\t<Wrapper selected={selected} isIconClickable={isIconClickable} disabled={disabled} disableBR={disableBR}>\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\t'&.MuiBox-root': {\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'var(--ai)',\n\t\t\t\t\t\tgap: isIconClickable ? '6px' : '10px',\n\t\t\t\t\t\tcursor: 'var(--curosr)',\n\t\t\t\t\t\tpadding: isIconClickable ? '3px 6px 3px 8px' : '8px 10px',\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<DM\n\t\t\t\t\toption={option}\n\t\t\t\t\tonDelete={removeItemHandler ? () => removeItemHandler(option.id) : undefined}\n\t\t\t\t\tisIconClickable={isIconClickable}\n\t\t\t\t\tselected={selected}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t{...slotProps.DM}\n\t\t\t\t/>\n\t\t\t</Box>\n\t\t</Wrapper>\n\t)\n}\n\nfunction Wrapper({\n\tchildren,\n\tselected = false,\n\tisIconClickable = false,\n\tdisabled = false,\n\tdisableBR = false,\n}: {\n\tchildren: React.ReactNode;\n\tselected?: boolean;\n\tisIconClickable?: boolean;\n\tdisabled?: boolean;\n\tdisableBR?: boolean;\n}) {\n\treturn (\n\t\t<OptionBox selected={selected} isIconClickable={isIconClickable} disabled={disabled} disableBR={disableBR}>\n\t\t\t{children}\n\t\t</OptionBox>\n\t)\n}\n\nfunction ItemIcon({ option, compact }: { option: OptionClass; compact?: boolean }) {\n\tif (!option.icon) return null\n\n\treturn (\n\t\t<Box\n\t\t\tcomponent=\"span\"\n\t\t\tsx={{\n\t\t\t\tflexShrink: 0,\n\t\t\t\twidth: compact ? 18 : 28,\n\t\t\t\theight: compact ? 18 : 28,\n\t\t\t\tborderRadius: compact ? '50%' : '8px',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\talignSelf: 'center',\n\t\t\t\tbackgroundColor: compact ? 'transparent' : 'var(--picker-icon-well)',\n\t\t\t\tcolor: 'var(--picker-text-secondary)',\n\t\t\t\t'& svg': ICON_STYLE,\n\t\t\t}}\n\t\t>\n\t\t\t{option.icon}\n\t\t</Box>\n\t)\n}\n\nfunction ItemLabel({\n\toption,\n\tisShowDescription = false,\n\tcompact = false,\n}: {\n\toption: OptionClass;\n\tisShowDescription: boolean;\n\tcompact?: boolean;\n}) {\n\tconst isUseTag = option.tags.length > 0\n\tconst description = option.description?.trim()\n\tconst showSecondary = isShowDescription && (isUseTag || Boolean(description))\n\n\treturn (\n\t\t<Box\n\t\t\tsx={{\n\t\t\t\tflexGrow: 1,\n\t\t\t\tminWidth: 0,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\tgap: showSecondary ? '2px' : 0,\n\t\t\t}}\n\t\t>\n\t\t\t<Typography\n\t\t\t\tcomponent=\"span\"\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\tfontSize: compact ? '0.8125rem' : '0.875rem',\n\t\t\t\t\tfontWeight: compact ? 500 : 600,\n\t\t\t\t\tlineHeight: 1.3,\n\t\t\t\t\tletterSpacing: compact ? 0 : '0.01em',\n\t\t\t\t\tcolor: 'var(--picker-text)',\n\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\tm: 0,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{option.label}\n\t\t\t</Typography>\n\t\t\t{showSecondary ? (\n\t\t\t\tisUseTag ? (\n\t\t\t\t\t<Box sx={{ display: 'flex', gap: '4px', flexWrap: 'wrap', pt: 0.25 }}>\n\t\t\t\t\t\t{option.tags.map((tag, i) => (\n\t\t\t\t\t\t\t<TagButton\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tlabel={(tag?.tagIcon ? '' : '# ') + tag.tagName}\n\t\t\t\t\t\t\t\ticon={tag?.tagIcon ?? undefined}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t) : (\n\t\t\t\t\t<Typography\n\t\t\t\t\t\tcomponent=\"span\"\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\tfontSize: '0.75rem',\n\t\t\t\t\t\t\tlineHeight: 1.35,\n\t\t\t\t\t\t\tcolor: 'var(--option-subscript)',\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\tm: 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t)\n\t\t\t) : null}\n\t\t</Box>\n\t)\n}\n\nfunction DM({\n\toption,\n\tselected,\n\tonDelete,\n\talwaysShowEndIcon = false,\n\tisIconClickable = false,\n\tdisabled = false,\n\tendIcon = null,\n\tisShowEndIcon = true,\n\tisShowDescription = true,\n}: {\n\toption: React.ComponentProps<typeof ItemIcon>['option'];\n\tisShowDescription?: React.ComponentProps<typeof ItemLabel>['isShowDescription'];\n\tselected?: boolean;\n\tisIconClickable?: boolean;\n\tisShowEndIcon?: boolean;\n\tdisabled: React.ComponentProps<typeof IconButton>['disabled'];\n\tonDelete?: React.ComponentProps<typeof IconButton>['onClick'];\n\talwaysShowEndIcon?: boolean;\n\tendIcon?: React.ReactNode | null;\n}) {\n\tconst showClose = Boolean(isShowEndIcon && isIconClickable && (selected || alwaysShowEndIcon))\n\tconst showCheck = Boolean(isShowEndIcon && !isIconClickable && selected)\n\n\treturn (\n\t\t<>\n\t\t\t<ItemIcon option={option} compact={isIconClickable} />\n\t\t\t<ItemLabel option={option} isShowDescription={isShowDescription} compact={isIconClickable} />\n\t\t\t{showClose ? (\n\t\t\t\t<IconButton\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\taria-label={`Remove ${option.label}`}\n\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\tonDelete?.(event)\n\t\t\t\t\t}}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tpadding: '2px',\n\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\tcursor: disabled ? 'default' : 'pointer',\n\t\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\tcolor: 'var(--picker-text-secondary)',\n\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\tbackgroundColor: 'var(--picker-hover-bg)',\n\t\t\t\t\t\t\tborder: 'none',\n\t\t\t\t\t\t\tcolor: 'var(--picker-text)',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{endIcon ?? <CloseIcon sx={{ fontSize: '0.95rem' }} />}\n\t\t\t\t</IconButton>\n\t\t\t) : null}\n\t\t\t{showCheck ? (\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\tcolor: 'var(--picker-check)',\n\t\t\t\t\t\tpl: 0.5,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{endIcon ?? <CheckIcon sx={{ fontSize: '1.05rem' }} />}\n\t\t\t\t</Box>\n\t\t\t) : null}\n\t\t</>\n\t)\n}\n","'use client'\nimport { createContext, useContext, useState, useCallback, useMemo, useEffect, useRef } from 'react'\n\nimport { \n    type MinimalOption, type AutoCompleteOptionIds,\n    type OptionIds,\n    OptionClass,\n} from '../_utils'\n\nexport type StateType = {\n    ids: AutoCompleteOptionIds,\n    minimal: MinimalOption[] | MinimalOption | null,\n    isMultiple: boolean,\n}\n\ntype ContextType = {\n\tstate: StateType;\n  select: (option: MinimalOption | MinimalOption[] | null) => StateType;\n}\nconst Context = createContext<ContextType | null>(null);\nexport const useStateContext = () => {\n  const ctx = useContext(Context)\n  if (!ctx) throw new Error('useStateContext must be used within LocalSelectedProvider')\n  return ctx\n}\n\nexport const Provider = ({children,selectedIds,options,isMultiple,open=false}:{\n    children:React.ReactNode,\n    selectedIds:Parameters<typeof init>[0]['selectedIds'],\n    options:Parameters<typeof init>[0]['options'],\n    isMultiple:Parameters<typeof init>[0]['isMultiple'],\n    open?: boolean,\n}) => {\n    // Initialize state once\n\tconst [state, setState] = useState<StateType>(() => init({selectedIds,options,isMultiple}))\n  const stateRef = useRef(state)\n  stateRef.current = state\n\n  // Keep provider state in sync when parent-driven selectedIds/options/isMultiple change.\n  // While open, skip identity-driven re-init so accumulating picks are not wiped\n  // by a stale parent selectedIds array.\n  useEffect(() => {\n    const next = init({ selectedIds, options, isMultiple })\n    if (equalState(stateRef.current, next)) return\n    if (open) return\n    stateRef.current = next\n    setState(next)\n  }, [selectedIds, options, isMultiple, open]);\n\n  // Compute next state as a pure function — used both in setState and as return value\n  const computeNextState = useCallback((prev: StateType, option: MinimalOption | MinimalOption[] | null): StateType => {\n    if (prev.isMultiple) {\n      const newOptions = Array.isArray(option) ? option : []\n      return { ...prev, ids: newOptions.map(o => o.id), minimal: newOptions }\n    }\n    const newOption = option && !Array.isArray(option) ? option : null\n    return { ...prev, ids: newOption?.id ?? null, minimal: newOption }\n  }, [])\n\n  const select = useCallback((option: MinimalOption | MinimalOption[] | null): StateType => {\n    let produced: StateType | undefined\n    setState((prev) => {\n      produced = computeNextState(prev, option)\n      stateRef.current = produced\n      return produced\n    })\n    // React skips the eager updater when updates are already queued; chain from the ref.\n    if (produced === undefined) {\n      produced = computeNextState(stateRef.current, option)\n      stateRef.current = produced\n    }\n    return produced\n  }, [computeNextState])\n\n  const value = useMemo(() => ({ state, select }), [state, select])\n\n\treturn (\n\t\t<Context.Provider value={value}>\n\t\t\t{children}\n\t\t</Context.Provider>\n\t)\n}\n\nexport const useSelector = () => {\n  const {state} = useStateContext()\n  return <T extends keyof StateType>(key:T) => {\n    return state[key]\n  }\n}\n/**\n * Initialize the local state\n */\nfunction init({\n    selectedIds, \n    options,\n    isMultiple,\n}:{\n    selectedIds:OptionIds, \n    options:OptionClass[],\n    isMultiple:boolean,\n}):StateType{\n    return {\n        ids: isMultiple?selectedIds : selectedIds[0]??null,\n        minimal: isMultiple?options\n                .filter(o=>selectedIds.includes(o.id))\n                .map(o=>o.minimal())\n            :options.find(o=>o.id===selectedIds[0])?.minimal()??null,\n        isMultiple: isMultiple,\n    }\n}\n\nfunction equalIds(a: AutoCompleteOptionIds, b: AutoCompleteOptionIds): boolean {\n    if (a === b) return true\n    if (Array.isArray(a) && Array.isArray(b)) {\n        return a.length === b.length && a.every((id, i) => id === b[i])\n    }\n    return false\n}\n\nfunction equalMinimalOption(a: MinimalOption, b: MinimalOption): boolean {\n    return a.id === b.id\n        && a.label === b.label\n        && a.filterKey === b.filterKey\n        && a.disabled === b.disabled\n        && a.group === b.group\n        && a.value === b.value\n}\n\nfunction equalMinimal(\n    a: StateType['minimal'],\n    b: StateType['minimal'],\n): boolean {\n    if (a === b) return true\n    if (a == null || b == null) return false\n    if (Array.isArray(a) && Array.isArray(b)) {\n        return a.length === b.length && a.every((opt, i) => equalMinimalOption(opt, b[i]))\n    }\n    if (!Array.isArray(a) && !Array.isArray(b)) {\n        return equalMinimalOption(a, b)\n    }\n    return false\n}\n\nfunction equalState(a: StateType, b: StateType): boolean {\n    return a.isMultiple === b.isMultiple\n        && equalIds(a.ids, b.ids)\n        && equalMinimal(a.minimal, b.minimal)\n}","export const CONFIRM_ID = \"deleteOption-confirmation\"\n\nexport const OPTION_CONSTRAINTS = {\n    group: 20,\n    label: 20,\n    value: 100,\n    description: 100\n} as const\n\nexport const MY_LOCAL_DISABLE_GROUP = \"My Local Disable Group - c7EgCbQ9T1\"\nexport const DISABLED_GROUP = \"Disabled\"","import { randomStrGenerator } from '@/_utils/_func'\n\nimport type { OptionParams, MinimalOption } from './_types'\nimport { DISABLED_GROUP } from './_const'\n\nexport default class Option {\n\tid: NonNullable<OptionParams[\"id\"]>;\n\tlabel: NonNullable<OptionParams[\"label\"]>;\n\tdescription: NonNullable<OptionParams[\"description\"]>;\n\tdisabled: NonNullable<OptionParams[\"disabled\"]>;\n\tgroup: NonNullable<OptionParams[\"group\"]>;\n\ticon: NonNullable<OptionParams[\"icon\"]> | null;\n\tfilterKey: NonNullable<OptionParams[\"filterKey\"]>;\n\tvalue: NonNullable<OptionParams[\"value\"]>;\n\tdefaultSelected: NonNullable<OptionParams[\"defaultSelected\"]>;\n\totherProps: NonNullable<OptionParams[\"otherProps\"]>;\n\ttags: NonNullable<OptionParams[\"tags\"]>;\n\n\tconstructor(p: OptionParams) {\n\t\tthis.id = p.id ?? randomStrGenerator();\n\t\tthis.label = p.label ?? 'label';\n\t\tthis.description = p.description ?? 'description';\n\t\tthis.disabled = p.disabled ?? false;\n\t\tthis.group = p.group ?? 'group';\n\t\tthis.icon = p.icon ?? null;\n\t\tthis.filterKey = p.filterKey || defaultGetFilterKey(p);\n\t\tthis.defaultSelected = p.defaultSelected ?? false;\n\t\tthis.value = p.value ?? \"\";\n\n\t\tthis.otherProps = p.otherProps ?? {};\n\t\tthis.tags = p.tags ?? [];\n\t}\n\n\tminimal():MinimalOption{\n\t\treturn {\n\t\t\tid: this.id,\n\t\t\tlabel: this.label,\n\t\t\tfilterKey: this.filterKey,\n\t\t\tdisabled: this.disabled,\n\t\t\tgroup: this.group,\n\t\t\tvalue: this.value,\n\t\t}\n\t}\n}\n\nfunction defaultGetFilterKey(p: OptionParams): string {\n\tconst tagsStr = p.tags?.map(t=>t.tagName).join(\" \") ?? \"\";\n\treturn `${p.group ?? \"\"} ${p.label ?? \"\"} ${p.description ?? \"\"} ${p.value ?? \"\"} ${p.disabled?DISABLED_GROUP:\"\"} ${tagsStr}`;\n}"],"mappings":"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","names":["default","default","jsx"]}

package/dist/chunk-ONQMRE2G.mjs

@@ -0,0 +1,26 @@
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export {
+  styleInject
+};
+//# sourceMappingURL=chunk-ONQMRE2G.mjs.map

package/dist/chunk-ONQMRE2G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["#style-inject:#style-inject"],"sourcesContent":["\n          export default function styleInject(css, { insertAt } = {}) {\n            if (!css || typeof document === 'undefined') return\n          \n            const head = document.head || document.getElementsByTagName('head')[0]\n            const style = document.createElement('style')\n            style.type = 'text/css'\n          \n            if (insertAt === 'top') {\n              if (head.firstChild) {\n                head.insertBefore(style, head.firstChild)\n              } else {\n                head.appendChild(style)\n              }\n            } else {\n              head.appendChild(style)\n            }\n          \n            if (style.styleSheet) {\n              style.styleSheet.cssText = css\n            } else {\n              style.appendChild(document.createTextNode(css))\n            }\n          }\n          "],"mappings":";AACyB,SAAR,YAA6B,KAAK,EAAE,SAAS,IAAI,CAAC,GAAG;AAC1D,MAAI,CAAC,OAAO,OAAO,aAAa,YAAa;AAE7C,QAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACrE,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AAEb,MAAI,aAAa,OAAO;AACtB,QAAI,KAAK,YAAY;AACnB,WAAK,aAAa,OAAO,KAAK,UAAU;AAAA,IAC1C,OAAO;AACL,WAAK,YAAY,KAAK;AAAA,IACxB;AAAA,EACF,OAAO;AACL,SAAK,YAAY,KAAK;AAAA,EACxB;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;","names":[]}