@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/autocomplete.d.mts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 import Popper from '@mui/material/Popper';
-import Autocomplete from '@mui/material/Autocomplete';
+import Autocomplete$1, { AutocompleteProps as AutocompleteProps$1 } from '@mui/material/Autocomplete';
+import { TextFieldProps } from '@mui/material/TextField';
+import { SxProps, Theme } from '@mui/material/styles';
 
 declare class Option {
     id: NonNullable<OptionParams["id"]>;
@@ -68,8 +70,8 @@ declare function MyPopper({ id, listboxId, anchorEl, allMinimalOptions, options,
     closeHandler?: (newState?: StateType) => void;
     title?: React$1.ReactNode;
     placement?: React$1.ComponentProps<typeof Popper>['placement'];
-    multiple?: React$1.ComponentProps<typeof Autocomplete>['multiple'];
-    disabled?: React$1.ComponentProps<typeof Autocomplete>['disabled'];
+    multiple?: React$1.ComponentProps<typeof Autocomplete$1>['multiple'];
+    disabled?: React$1.ComponentProps<typeof Autocomplete$1>['disabled'];
     useGroup?: boolean;
     isAddOptionEnabled?: boolean;
     addOptionHandler?: () => void;
@@ -118,4 +120,436 @@ declare function Picker(p: {
 }): react_jsx_runtime.JSX.Element;
 declare function getMinimalOptions(options: Option[], additionSort?: (a: MinimalOption | null, b: MinimalOption | null) => number): ReturnType<Option["minimal"]>[];
 
-export { GitHubPicker, type GitHubPickerColor, type GitHubPickerVariant, Option as OptionClass, type OptionParams };
+/** Option shape for Autocomplete — id/label oriented for UseForm & Select parity. */
+type AutocompleteOption = {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+    group?: string;
+};
+type AutocompleteBaseProps = AutocompleteProps$1<AutocompleteOption, boolean | undefined, boolean | undefined, boolean | undefined>;
+type AutocompleteProps = Omit<AutocompleteBaseProps, 'renderInput' | 'options' | 'renderTags' | 'freeSolo' | 'multiple' | 'loading' | 'onChange' | 'value' | 'defaultValue'> & {
+    options?: AutocompleteOption[];
+    /** Controlled value. Objects for strict select; strings allowed when freeSolo. */
+    value?: AutocompleteOption | AutocompleteOption[] | string | string[] | null;
+    defaultValue?: AutocompleteOption | AutocompleteOption[] | string | string[] | null;
+    /**
+     * Fires with option object(s), or string(s) when freeSolo creates a value.
+     * UseForm-friendly: pair with `name` / `error` / `helperText` like TextField.
+     */
+    onChange?: (value: AutocompleteOption | AutocompleteOption[] | string | string[] | null, reason: string) => void;
+    /** Strict select (false) vs allow arbitrary text (true). Default false. */
+    freeSolo?: boolean;
+    /** Multi-select renders soft glass chips. Default false. */
+    multiple?: boolean;
+    loading?: boolean;
+    label?: string;
+    name?: string;
+    helperText?: React$1.ReactNode;
+    error?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+    fullWidth?: boolean;
+    /** Empty list title when not loading. */
+    emptyTitle?: string;
+    emptyDescription?: string;
+    /** SoftSkeleton lines while loading. Default 3. */
+    loadingLines?: number;
+    /** Extra props forwarded to the soft TextField. */
+    TextFieldProps?: Partial<TextFieldProps>;
+    sx?: SxProps<Theme>;
+};
+
+/**
+ * Soft-glass Autocomplete.
+ *
+ * - Quiet 1px borders (shared glass tokens with OptionBox / PickerField)
+ * - Async: `loading` + SoftSkeleton; empty via compact muted inline (no dashed frame)
+ * - `freeSolo` for free text; omit for strict select
+ * - `multiple` renders soft Chip tags
+ * - UseForm-friendly: controlled `value` / `onChange`, plus `name` / `error` / `helperText` / `label`
+ */
+declare const Autocomplete: React$1.ForwardRefExoticComponent<Omit<AutocompleteProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Soft / quiet glass field chrome shared with GitHubPicker OptionBox / PickerField.
+ * Skyer preference: 1px borders, no thick outlines.
+ */
+declare const autocompleteGlassVars: {
+    readonly '--option-subscript': "var(--mui-palette-text-subscript)";
+    readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)";
+    readonly '--picker-focus': "var(--mui-palette-focus-1)";
+    readonly '--picker-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--picker-border-hover': "var(--mui-palette-border-hover-1)";
+    readonly '--picker-border-emphasis': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)";
+    readonly '--picker-text': "var(--mui-palette-text-primary)";
+    readonly '--picker-text-secondary': "var(--mui-palette-text-secondary)";
+    readonly '--picker-text-disabled': "var(--mui-palette-text-disabled)";
+    readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 87%)";
+    readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 84%)";
+    readonly '--picker-hover-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)";
+    readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--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%)";
+    readonly '--picker-error': "var(--mui-palette-error-main)";
+    readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)";
+    readonly '--picker-sheen': "none";
+    readonly '--picker-shadow': string;
+    readonly '--picker-focus-ring': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)";
+    readonly '--picker-check': "var(--mui-palette-primary-emphasis)";
+    readonly '--picker-search-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-search-shadow': "inset 0 1px 0 var(--picker-highlight)";
+    readonly '--picker-search-border': "color-mix(in lab, var(--picker-highlight), transparent 40%)";
+    readonly '--picker-divider': "var(--mui-palette-divider)";
+    readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)";
+    readonly '--picker-blur': "8px";
+    readonly '--picker-glass': "saturate(1.15) blur(var(--picker-blur))";
+    readonly '[color-scheme=light] &': {
+        readonly '--picker-blur': "10px";
+        readonly '--picker-glass': "saturate(1.08) blur(var(--picker-blur))";
+        readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 46%)";
+        readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 48%)";
+        readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 55%)";
+        readonly '--picker-sheen': "none";
+        readonly '--picker-border': "color-mix(in lab, var(--mui-palette-border-1), transparent 95%)";
+        readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 32%)";
+        readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 94%)";
+        readonly '--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%)";
+        readonly '--picker-search-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-search-shadow': "inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)";
+        readonly '--picker-search-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 93%)";
+        readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-hover-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+        readonly '--picker-shadow': string;
+        readonly '--picker-field-shadow': string;
+        readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+    };
+};
+/**
+ * Stock MUI AutocompleteGroupLabel path (ListSubheader defaults):
+ * sticky + top: -8. Quieter solid fill (paper mixed toward glass paper-bg) so
+ * the bar is less contrasted than opaque paper, still solid enough to cover
+ * scroll — no header backdrop-filter. Soft-glass stays on Paper/listbox only.
+ * Top corners match Paper radius (14). Soft quiet border. No listbox padding-top gutter / -28px.
+ */
+declare const autocompleteGroupLabelSx: {
+    readonly position: "sticky";
+    readonly top: -8;
+    readonly zIndex: 2;
+    readonly lineHeight: "28px";
+    readonly margin: 0;
+    readonly mx: "-4px";
+    readonly fontSize: 11;
+    readonly fontWeight: 600;
+    readonly letterSpacing: "0.04em";
+    readonly textTransform: "uppercase";
+    readonly color: "var(--picker-text-secondary)";
+    readonly background: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)";
+    readonly backgroundColor: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)";
+    readonly backdropFilter: "none";
+    readonly WebkitBackdropFilter: "none";
+    readonly borderTopLeftRadius: 14;
+    readonly borderTopRightRadius: 14;
+    readonly borderBottom: "1px solid color-mix(in lab, var(--picker-border), transparent 28%)";
+    readonly boxShadow: "none";
+    readonly px: 2;
+    readonly py: 0;
+};
+declare const autocompleteRootSx: {
+    readonly width: "100%";
+    readonly '& .MuiOutlinedInput-root': {
+        readonly borderRadius: "12px";
+        readonly backgroundColor: "transparent";
+        readonly backdropFilter: "none";
+        readonly WebkitBackdropFilter: "none";
+        readonly boxShadow: "none";
+        readonly transition: "border-color 160ms ease";
+        readonly '& fieldset': {
+            readonly borderWidth: "1px";
+            readonly borderColor: "var(--mui-palette-text-secondary)";
+        };
+        readonly '&:hover fieldset': {
+            readonly borderWidth: "1px";
+            readonly borderColor: "var(--mui-palette-text-secondary)";
+        };
+        readonly '&.Mui-focused fieldset': {
+            readonly borderWidth: "1px";
+            readonly borderColor: "var(--mui-palette-text-secondary)";
+        };
+        readonly '&.Mui-error fieldset': {
+            readonly borderWidth: "1px";
+            readonly borderColor: "color-mix(in srgb, var(--picker-error) 55%, var(--mui-palette-text-secondary))";
+        };
+        readonly '&.Mui-disabled': {
+            readonly opacity: 0.58;
+        };
+    };
+    readonly '& .MuiAutocomplete-tag': {
+        readonly margin: "2px";
+    };
+    readonly '--option-subscript': "var(--mui-palette-text-subscript)";
+    readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)";
+    readonly '--picker-focus': "var(--mui-palette-focus-1)";
+    readonly '--picker-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--picker-border-hover': "var(--mui-palette-border-hover-1)";
+    readonly '--picker-border-emphasis': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)";
+    readonly '--picker-text': "var(--mui-palette-text-primary)";
+    readonly '--picker-text-secondary': "var(--mui-palette-text-secondary)";
+    readonly '--picker-text-disabled': "var(--mui-palette-text-disabled)";
+    readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 87%)";
+    readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 84%)";
+    readonly '--picker-hover-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)";
+    readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--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%)";
+    readonly '--picker-error': "var(--mui-palette-error-main)";
+    readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)";
+    readonly '--picker-sheen': "none";
+    readonly '--picker-shadow': string;
+    readonly '--picker-focus-ring': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)";
+    readonly '--picker-check': "var(--mui-palette-primary-emphasis)";
+    readonly '--picker-search-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-search-shadow': "inset 0 1px 0 var(--picker-highlight)";
+    readonly '--picker-search-border': "color-mix(in lab, var(--picker-highlight), transparent 40%)";
+    readonly '--picker-divider': "var(--mui-palette-divider)";
+    readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)";
+    readonly '--picker-blur': "8px";
+    readonly '--picker-glass': "saturate(1.15) blur(var(--picker-blur))";
+    readonly '[color-scheme=light] &': {
+        readonly '--picker-blur': "10px";
+        readonly '--picker-glass': "saturate(1.08) blur(var(--picker-blur))";
+        readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 46%)";
+        readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 48%)";
+        readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 55%)";
+        readonly '--picker-sheen': "none";
+        readonly '--picker-border': "color-mix(in lab, var(--mui-palette-border-1), transparent 95%)";
+        readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 32%)";
+        readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 94%)";
+        readonly '--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%)";
+        readonly '--picker-search-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-search-shadow': "inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)";
+        readonly '--picker-search-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 93%)";
+        readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-hover-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+        readonly '--picker-shadow': string;
+        readonly '--picker-field-shadow': string;
+        readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+    };
+};
+declare const autocompletePaperSx: {
+    readonly borderRadius: "14px";
+    readonly border: "1px solid var(--picker-border)";
+    readonly backgroundColor: "var(--picker-paper-bg)";
+    readonly backgroundImage: "none";
+    readonly boxShadow: "var(--picker-shadow)";
+    readonly backdropFilter: "var(--picker-glass)";
+    readonly WebkitBackdropFilter: "var(--picker-glass)";
+    readonly mt: 0.5;
+    readonly overflow: "hidden";
+    readonly '--option-subscript': "var(--mui-palette-text-subscript)";
+    readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)";
+    readonly '--picker-focus': "var(--mui-palette-focus-1)";
+    readonly '--picker-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--picker-border-hover': "var(--mui-palette-border-hover-1)";
+    readonly '--picker-border-emphasis': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)";
+    readonly '--picker-text': "var(--mui-palette-text-primary)";
+    readonly '--picker-text-secondary': "var(--mui-palette-text-secondary)";
+    readonly '--picker-text-disabled': "var(--mui-palette-text-disabled)";
+    readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 87%)";
+    readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 84%)";
+    readonly '--picker-hover-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)";
+    readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--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%)";
+    readonly '--picker-error': "var(--mui-palette-error-main)";
+    readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)";
+    readonly '--picker-sheen': "none";
+    readonly '--picker-shadow': string;
+    readonly '--picker-focus-ring': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)";
+    readonly '--picker-check': "var(--mui-palette-primary-emphasis)";
+    readonly '--picker-search-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-search-shadow': "inset 0 1px 0 var(--picker-highlight)";
+    readonly '--picker-search-border': "color-mix(in lab, var(--picker-highlight), transparent 40%)";
+    readonly '--picker-divider': "var(--mui-palette-divider)";
+    readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)";
+    readonly '--picker-blur': "8px";
+    readonly '--picker-glass': "saturate(1.15) blur(var(--picker-blur))";
+    readonly '[color-scheme=light] &': {
+        readonly '--picker-blur': "10px";
+        readonly '--picker-glass': "saturate(1.08) blur(var(--picker-blur))";
+        readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 46%)";
+        readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 48%)";
+        readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 55%)";
+        readonly '--picker-sheen': "none";
+        readonly '--picker-border': "color-mix(in lab, var(--mui-palette-border-1), transparent 95%)";
+        readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 32%)";
+        readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 94%)";
+        readonly '--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%)";
+        readonly '--picker-search-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-search-shadow': "inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)";
+        readonly '--picker-search-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 93%)";
+        readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-hover-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+        readonly '--picker-shadow': string;
+        readonly '--picker-field-shadow': string;
+        readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+    };
+};
+declare const autocompleteListboxSx: {
+    readonly padding: "6px 4px";
+    readonly maxHeight: 280;
+    readonly '--option-subscript': "var(--mui-palette-text-subscript)";
+    readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)";
+    readonly '--picker-focus': "var(--mui-palette-focus-1)";
+    readonly '--picker-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--picker-border-hover': "var(--mui-palette-border-hover-1)";
+    readonly '--picker-border-emphasis': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)";
+    readonly '--picker-text': "var(--mui-palette-text-primary)";
+    readonly '--picker-text-secondary': "var(--mui-palette-text-secondary)";
+    readonly '--picker-text-disabled': "var(--mui-palette-text-disabled)";
+    readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 87%)";
+    readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 84%)";
+    readonly '--picker-hover-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)";
+    readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--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%)";
+    readonly '--picker-error': "var(--mui-palette-error-main)";
+    readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)";
+    readonly '--picker-sheen': "none";
+    readonly '--picker-shadow': string;
+    readonly '--picker-focus-ring': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)";
+    readonly '--picker-check': "var(--mui-palette-primary-emphasis)";
+    readonly '--picker-search-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-search-shadow': "inset 0 1px 0 var(--picker-highlight)";
+    readonly '--picker-search-border': "color-mix(in lab, var(--picker-highlight), transparent 40%)";
+    readonly '--picker-divider': "var(--mui-palette-divider)";
+    readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)";
+    readonly '--picker-blur': "8px";
+    readonly '--picker-glass': "saturate(1.15) blur(var(--picker-blur))";
+    readonly '[color-scheme=light] &': {
+        readonly '--picker-blur': "10px";
+        readonly '--picker-glass': "saturate(1.08) blur(var(--picker-blur))";
+        readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 46%)";
+        readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 48%)";
+        readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 55%)";
+        readonly '--picker-sheen': "none";
+        readonly '--picker-border': "color-mix(in lab, var(--mui-palette-border-1), transparent 95%)";
+        readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 32%)";
+        readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 94%)";
+        readonly '--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%)";
+        readonly '--picker-search-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-search-shadow': "inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)";
+        readonly '--picker-search-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 93%)";
+        readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-hover-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+        readonly '--picker-shadow': string;
+        readonly '--picker-field-shadow': string;
+        readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+    };
+};
+declare const autocompleteChipSx: {
+    readonly height: 24;
+    readonly borderRadius: "999px";
+    readonly backgroundColor: "var(--picker-chip-bg)";
+    readonly border: "1px solid var(--picker-chip-border)";
+    readonly boxShadow: "var(--picker-chip-shadow)";
+    readonly '& .MuiChip-label': {
+        readonly px: 1;
+        readonly fontSize: 12;
+    };
+    readonly '& .MuiChip-deleteIcon': {
+        readonly fontSize: 16;
+        readonly color: "var(--picker-text-secondary)";
+        readonly '&:hover': {
+            readonly color: "var(--picker-text)";
+        };
+    };
+    readonly '--option-subscript': "var(--mui-palette-text-subscript)";
+    readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-focus-soft-1), transparent 18%)";
+    readonly '--picker-focus': "var(--mui-palette-focus-1)";
+    readonly '--picker-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--picker-border-hover': "var(--mui-palette-border-hover-1)";
+    readonly '--picker-border-emphasis': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 50%)";
+    readonly '--picker-text': "var(--mui-palette-text-primary)";
+    readonly '--picker-text-secondary': "var(--mui-palette-text-secondary)";
+    readonly '--picker-text-disabled': "var(--mui-palette-text-disabled)";
+    readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 87%)";
+    readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 84%)";
+    readonly '--picker-hover-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)";
+    readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-white), transparent 94%)";
+    readonly '--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%)";
+    readonly '--picker-error': "var(--mui-palette-error-main)";
+    readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 92%)";
+    readonly '--picker-sheen': "none";
+    readonly '--picker-shadow': string;
+    readonly '--picker-focus-ring': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 82%)";
+    readonly '--picker-check': "var(--mui-palette-primary-emphasis)";
+    readonly '--picker-search-bg': "var(--mui-palette-background-hover-1)";
+    readonly '--picker-search-shadow': "inset 0 1px 0 var(--picker-highlight)";
+    readonly '--picker-search-border': "color-mix(in lab, var(--picker-highlight), transparent 40%)";
+    readonly '--picker-divider': "var(--mui-palette-divider)";
+    readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-background-hover-1), transparent 20%)";
+    readonly '--picker-blur': "8px";
+    readonly '--picker-glass': "saturate(1.15) blur(var(--picker-blur))";
+    readonly '[color-scheme=light] &': {
+        readonly '--picker-blur': "10px";
+        readonly '--picker-glass': "saturate(1.08) blur(var(--picker-blur))";
+        readonly '--picker-surface': "color-mix(in lab, var(--mui-palette-common-white), transparent 46%)";
+        readonly '--picker-paper-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 48%)";
+        readonly '--picker-highlight': "color-mix(in lab, var(--mui-palette-common-white), transparent 55%)";
+        readonly '--picker-sheen': "none";
+        readonly '--picker-border': "color-mix(in lab, var(--mui-palette-border-1), transparent 95%)";
+        readonly '--picker-chip-bg': "color-mix(in lab, var(--mui-palette-common-white), transparent 32%)";
+        readonly '--picker-chip-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 94%)";
+        readonly '--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%)";
+        readonly '--picker-search-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-search-shadow': "inset 0 1px 1px color-mix(in lab, var(--mui-palette-common-black), transparent 92%)";
+        readonly '--picker-search-border': "color-mix(in lab, var(--mui-palette-common-black), transparent 93%)";
+        readonly '--picker-focus-soft': "color-mix(in lab, var(--mui-palette-common-black), transparent 95%)";
+        readonly '--picker-hover-bg': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+        readonly '--picker-shadow': string;
+        readonly '--picker-field-shadow': string;
+        readonly '--picker-icon-well': "color-mix(in lab, var(--mui-palette-common-black), transparent 96%)";
+    };
+};
+/** Theme override for MuiAutocomplete — soft focus, quiet borders. */
+declare const autocompleteTheme: {
+    readonly defaultProps: {
+        readonly size: "small";
+    };
+    readonly styleOverrides: {
+        readonly root: {
+            readonly "& .MuiOutlinedInput-root": {
+                readonly '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                    readonly borderWidth: "1px";
+                };
+            };
+        };
+        readonly paper: {
+            readonly borderRadius: "14px";
+        };
+        readonly groupLabel: {
+            readonly position: "sticky";
+            readonly top: -8;
+            readonly zIndex: 2;
+            readonly lineHeight: "28px";
+            readonly margin: 0;
+            readonly mx: "-4px";
+            readonly background: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)";
+            readonly backgroundColor: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)";
+            readonly backdropFilter: "none";
+            readonly WebkitBackdropFilter: "none";
+            readonly borderTopLeftRadius: 14;
+            readonly borderTopRightRadius: 14;
+            readonly borderBottom: "1px solid color-mix(in lab, var(--picker-border), transparent 28%)";
+            readonly boxShadow: "none";
+            readonly px: 2;
+        };
+    };
+};
+
+export { Autocomplete, type AutocompleteOption, type AutocompleteProps, GitHubPicker, type GitHubPickerColor, type GitHubPickerVariant, Option as OptionClass, type OptionParams, autocompleteChipSx, autocompleteGlassVars, autocompleteGroupLabelSx, autocompleteListboxSx, autocompletePaperSx, autocompleteRootSx, autocompleteTheme };