@bridge-ui/vue 0.0.5 → 0.0.7

package/dist/Components/Autocomplete/AutocompleteOption.vue.d.ts

@@ -0,0 +1,4 @@
+import { AutocompleteOptionProps } from './autocomplete.types';
+declare const __VLS_export: import('vue').DefineComponent<AutocompleteOptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AutocompleteOptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/Autocomplete/AutocompleteOption.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { AUTOCOMPLETE_OPTION_KEY as e } from "./autocompleteInjectionKey.js";
+import { createElementBlock as t, defineComponent as n, inject as r, onBeforeUnmount as i, onMounted as a, openBlock as o } from "vue";
+//#region src/Components/Autocomplete/AutocompleteOption.vue?vue&type=script&setup=true&lang.ts
+var s = {
+	hidden: "",
+	"aria-hidden": "true"
+}, c = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	name: "AutocompleteOption",
+	__name: "AutocompleteOption",
+	props: {
+		description: {},
+		disabled: { type: Boolean },
+		label: {},
+		value: {}
+	},
+	setup(n) {
+		let c = n, l = r(e, null);
+		return a(() => {
+			l?.register({
+				label: c.label,
+				value: c.value,
+				disabled: c.disabled,
+				description: c.description
+			});
+		}), i(() => {
+			l?.unregister(c.value);
+		}), (e, n) => (o(), t("span", s));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Autocomplete/autocomplete.types.d.ts

@@ -0,0 +1,285 @@
+import { InputHTMLAttributes, Slot, TextareaHTMLAttributes } from 'vue';
+import { ListboxOptionsInput, MergeHtmlProps, SelectAsyncData, SelectModel, SelectOption, SelectValue } from '@bridge-ui/core';
+import { ChipOwnProps } from '../Chip/chip.types';
+import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
+import { IconProps } from '../Icon';
+import { ListboxOwnProps } from '../Listbox/listbox.types';
+export type { ListboxOptionGroup, ListboxOptionsInput, SelectAsyncData, SelectModel, SelectOption, SelectOptionInput, SelectOptionLike, SelectValue, } from '@bridge-ui/core';
+export interface AutocompleteClasses extends FormFieldClasses {
+    /**
+     * The classes to apply to selected chips (multiple mode).
+     */
+    chip?: string;
+    /**
+     * The classes to apply to clear icons (rest + hover).
+     */
+    clear?: string;
+    /**
+     * The classes to apply to the dropdown content.
+     */
+    content?: string;
+    /**
+     * The classes to apply to the option item.
+     */
+    item?: string;
+    /**
+     * The classes to apply to the selected value text in the trigger (single mode).
+     */
+    value?: string;
+}
+export interface AutocompleteCustomProps extends FormFieldCustomProps {
+    /**
+     * Props forwarded to each selected-value `Chip` (multiple mode).
+     * Dismiss behavior, size, and label stay owned by `Autocomplete`.
+     *
+     * @default undefined
+     */
+    chip?: Partial<Omit<ChipOwnProps, "size" | "label" | "disabled" | "clearLabel" | "dismissible">>;
+    /**
+     * Props forwarded to the clear `Icon` (`icon` is set by `Autocomplete`).
+     *
+     * @default undefined
+     */
+    clearIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the internal `Listbox`.
+     * Merged last so they override Autocomplete defaults.
+     *
+     * @default undefined
+     */
+    listbox?: Partial<ListboxOwnProps>;
+}
+export interface AutocompleteEmits {
+    /**
+     * Emitted when the selection changes.
+     */
+    change: [value: SelectModel];
+    /**
+     * Emitted when the value is cleared.
+     */
+    clear: [];
+    /**
+     * Emitted when the menu closes.
+     */
+    close: [];
+    /**
+     * Emitted when an option is deselected (multiple mode).
+     */
+    deselect: [option: SelectOption];
+    /**
+     * Emitted when the menu opens.
+     */
+    open: [];
+    /**
+     * Emitted when the search query changes.
+     */
+    search: [query: string];
+    /**
+     * Emitted when an option is selected.
+     */
+    select: [option: SelectOption];
+    /**
+     * Emitted when `v-model` should update.
+     */
+    "update:modelValue": [value: SelectModel];
+}
+export interface AutocompleteOptionProps {
+    /**
+     * Secondary line below the label.
+     */
+    description?: string;
+    /**
+     * Whether the option is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The label of the option.
+     */
+    label: string;
+    /**
+     * The value of the option.
+     */
+    value: SelectValue;
+}
+export interface AutocompleteOwnProps extends Omit<FormFieldOwnProps, "field"> {
+    /**
+     * Remote data source. Implies `searchable`.
+     */
+    asyncData?: SelectAsyncData;
+    /**
+     * Whether the value can be cleared.
+     *
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * Extra props for FormField parts, selected chips, clear icon, and the
+     * internal `Listbox`.
+     *
+     * @default undefined
+     */
+    customProps?: AutocompleteCustomProps;
+    /**
+     * Initial value for uncontrolled usage (when `v-model` / `modelValue` is
+     * not bound).
+     *
+     * @default undefined
+     */
+    defaultValue?: SelectModel;
+    /**
+     * When true, the dropdown options list is not height-limited.
+     * Forwarded to the internal `Listbox`.
+     *
+     * @default false
+     */
+    disableMaxHeight?: boolean;
+    /**
+     * Message when the filtered list is empty.
+     *
+     * @default "No options"
+     */
+    emptyMessage?: string;
+    /**
+     * Inverts the visual order of options.
+     *
+     * @default false
+     */
+    flipOptions?: boolean;
+    /**
+     * When true, typed text that is not in `options` can be committed as a value
+     * (Enter, Tab, or closing the menu).
+     *
+     * @default true
+     */
+    freeSolo?: boolean;
+    /**
+     * Hides the empty-state message.
+     *
+     * @default false
+     */
+    hideEmptyMessage?: boolean;
+    /**
+     * External or async loading state.
+     */
+    loading?: boolean;
+    /**
+     * Message shown in the dropdown while loading.
+     *
+     * @default "Loading..."
+     */
+    loadingMessage?: string;
+    /**
+     * Tailwind max-height class for the dropdown options area.
+     * Forwarded to the internal `Listbox`.
+     *
+     * @default "max-h-60"
+     */
+    maxHeight?: string;
+    /**
+     * Minimum option count before search UI is enabled.
+     *
+     * @default 11
+     */
+    minItemsForSearch?: number;
+    /**
+     * Whether multiple values can be selected.
+     *
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Key used to read the description from option objects.
+     *
+     * @default "description"
+     */
+    optionDescription?: string;
+    /**
+     * Key used to read the label from option objects.
+     *
+     * @default "label"
+     */
+    optionLabel?: string;
+    /**
+     * The list of options to display. May include section groups
+     * (`{ title, options, sticky? }`).
+     */
+    options?: ListboxOptionsInput;
+    /**
+     * Key used to read the value from option objects.
+     *
+     * @default "value"
+     */
+    optionValue?: string;
+    /**
+     * Placeholder shown when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * Whether options can be filtered via the trigger input.
+     *
+     * @default true
+     */
+    searchable?: boolean;
+}
+export interface AutocompleteSlots extends FormFieldSlots {
+    /**
+     * Content below the trigger, above the option list.
+     */
+    afterOptions?: Slot<undefined>;
+    /**
+     * Content above the option list.
+     */
+    beforeOptions?: Slot<undefined>;
+    /**
+     * Custom chip content (multiple mode).
+     */
+    chip?: Slot<{
+        option: SelectOption;
+    }>;
+    /**
+     * Composed dropdown content (`ListSection` / `ListItem` with `value`).
+     * When set (and not using declarative `AutocompleteOption` children), replaces
+     * mapped `options` inside the listbox.
+     */
+    default?: Slot<undefined>;
+    /**
+     * Custom empty-state content.
+     */
+    empty?: Slot<undefined>;
+    /**
+     * Custom loading content.
+     */
+    loading?: Slot<undefined>;
+    /**
+     * Custom option item content when rendering from the `options` prop.
+     */
+    option?: Slot<{
+        option: SelectOption;
+        selected: boolean;
+    }>;
+}
+export type AutocompleteSingleProps = MergeHtmlProps<AutocompleteOwnProps, InputHTMLAttributes> & {
+    /**
+     * Bound with `v-model` on the component.
+     */
+    modelValue?: null | SelectValue;
+    /**
+     * Whether multiple values can be selected.
+     *
+     * @default false
+     */
+    multiple: false;
+};
+export type AutocompleteMultipleProps = MergeHtmlProps<AutocompleteOwnProps, TextareaHTMLAttributes> & {
+    /**
+     * Bound with `v-model` on the component.
+     */
+    modelValue?: null | SelectValue[];
+    /**
+     * Whether multiple values can be selected.
+     *
+     * @default true
+     */
+    multiple: true;
+};
+export type AutocompleteProps = AutocompleteSingleProps | AutocompleteMultipleProps;

package/dist/Components/Autocomplete/autocompleteInjectionKey.d.ts

@@ -0,0 +1,7 @@
+import { InjectionKey } from 'vue';
+import { SelectOption } from './autocomplete.types';
+export type AutocompleteOptionRegistration = {
+    register: (option: SelectOption) => void;
+    unregister: (value: SelectOption["value"]) => void;
+};
+export declare const AUTOCOMPLETE_OPTION_KEY: InjectionKey<AutocompleteOptionRegistration>;

package/dist/Components/Autocomplete/autocompleteInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/Autocomplete/autocompleteInjectionKey.ts
+var e = Symbol("AutocompleteOption");
+//#endregion
+export { e as AUTOCOMPLETE_OPTION_KEY };