import { ComponentOptionsMixin } from 'vue';
import { ComponentProvideOptions } from 'vue';
import { DefineComponent } from 'vue';
import { ExtractPropTypes } from 'vue';
import { PropType } from 'vue';
import { PublicProps } from 'vue';

declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

declare type __VLS_Prettify<T> = {
    [K in keyof T]: T[K];
} & {};

declare type __VLS_TypePropsToRuntimeProps<T> = {
    [K in keyof T]-?: {} extends Pick<T, K> ? {
        type: PropType<__VLS_NonUndefinedable<T[K]>>;
    } : {
        type: PropType<T[K]>;
        required: true;
    };
};

declare type __VLS_WithDefaults<P, D> = {
    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
        default: D[K];
    }> : P[K];
};

declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SelectStatusProps>, {
disabled: boolean;
displayBy: string;
secondary: boolean;
noTruncate: boolean;
placeholder: string;
trackBy: string;
value: null;
label: undefined;
}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:model-value": (value: unknown) => void;
}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SelectStatusProps>, {
disabled: boolean;
displayBy: string;
secondary: boolean;
noTruncate: boolean;
placeholder: string;
trackBy: string;
value: null;
label: undefined;
}>>> & Readonly<{
"onUpdate:model-value"?: ((value: unknown) => any) | undefined;
}>, {
disabled: boolean;
label: string;
placeholder: string;
secondary: boolean;
trackBy: string;
displayBy: string;
value: string | number | boolean | null;
noTruncate: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
export default _default;

declare type IconName = (typeof iconNames)[number];

/**
 * To add a new icon, follow these steps:
 *
 * https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon
 */
declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "bank", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "camera", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-empty", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-slash", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "cloud-share", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "face-id", "face", "featured-no-check", "figma", "file-csv", "file", "filter-funnel", "filter-line", "fingerprint", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reorder", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "start", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "tag-leaf", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user-group", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];

export declare type SelectStatusOption = {
    id: number | string | boolean;
    name: string;
    color?: StashPrimaryColorGroup | StashCommonColor;
    icon?: IconName;
};

export declare interface SelectStatusProps {
    /**
     * Disables the component, if true
     */
    disabled?: boolean;
    /**
     * Which key of the prop option to use for display
     */
    displayBy?: string;
    /**
     * Sets the background color of the component to the color of the selected option
     */
    secondary?: boolean;
    /**
     * Allows option text to wrap to next line when set to true
     */
    noTruncate?: boolean;
    /**
     * Placeholder text
     */
    placeholder?: string;
    /**
     * The list of all options to select the status from
     * each object must have the following structure: { id: number | string, name: string, color?: string }
     */
    statusOptions: Array<SelectStatusOption>;
    /**
     * Default field to track the selected status by
     */
    trackBy?: string;
    /**
     * Sets the currently-selected option for the component
     */
    modelValue: number | string | boolean;
    /**
     * @deprecated Use `:model-value` or `v-model` instead of `:value`.
     */
    value?: number | string | boolean | null;
    /**
     * Shows a label above the select
     */
    label?: string;
}

declare type StashCommonColor = `${StashCommonColors}`;

/**
 * A limited list of stash brand colors, only including their 100, 500, and 700 shades.
 */
declare enum StashCommonColors {
    Purple700 = "purple-700",
    Purple500 = "purple-500",
    Purple100 = "purple-100",
    Royal700 = "royal-700",
    Royal500 = "royal-500",
    Royal100 = "royal-100",
    Blue700 = "blue-700",
    Blue500 = "blue-500",
    Blue100 = "blue-100",
    Teal700 = "teal-700",
    Teal500 = "teal-500",
    Teal100 = "teal-100",
    Green700 = "green-700",
    Green500 = "green-500",
    Green100 = "green-100",
    Seafoam700 = "seafoam-700",
    Seafoam500 = "seafoam-500",
    Seafoam100 = "seafoam-100",
    Yellow700 = "yellow-700",
    Yellow500 = "yellow-500",
    Yellow100 = "yellow-100",
    Orange700 = "orange-700",
    Orange500 = "orange-500",
    Orange100 = "orange-100",
    Red700 = "red-700",
    Red500 = "red-500",
    Red100 = "red-100",
    Ice700 = "ice-700",
    Ice500 = "ice-500",
    Ice200 = "ice-200",// This is the one outlier, but it's used purposefully in a few places
    Ice100 = "ice-100",
    White = "white",
    Black = "black"
}

/**
 * The names of the color groups.
 */
declare type StashPrimaryColorGroup = 'blue' | 'green' | 'ice' | 'orange' | 'purple' | 'red' | 'royal' | 'seafoam' | 'teal' | 'yellow';

export { }