asheeui 2.0.0 → 2.2.1

package/dist/components/modal/modal-config.d.ts

@@ -1,77 +0,0 @@
-import { Radius } from '../../shared';
-/**
- * Position of the modal on the screen.
- * - `center`: Vertically and horizontally centered.
- * - `top`: Aligned to the top of the viewport.
- * - `bottom`: Aligned to the bottom of the viewport.
- */
-export type ModalPosition = "center" | "top" | "bottom";
-/**
- * Size key for the modal.
- * Controls the width of the modal dialog.
- */
-export type ModalSizeKey = "sm" | "md" | "lg" | "xl" | "full";
-/**
- * Theme configuration options for the Modal component.
- *
- * Set under `components.modal` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface ModalConfig {
-    /**
-     * Size of the modal.
-     * Controls the width of the modal dialog.
-     *
-     * @default "md"
-     */
-    size?: ModalSizeKey;
-    /**
-     * Position of the modal on the screen.
-     * Controls where the modal appears vertically.
-     *
-     * @default "center"
-     */
-    position?: ModalPosition;
-    /**
-     * Corner rounding of the modal.
-     * Controls the border-radius of the modal content.
-     *
-     * @default "lg"
-     */
-    radius?: Radius;
-    /**
-     * Whether the modal has entrance and exit animations.
-     * When false, the modal appears and disappears instantly.
-     *
-     * @default true
-     */
-    animated?: boolean;
-    /**
-     * Whether clicking on the backdrop closes the modal.
-     *
-     * @default true
-     */
-    closeOnBackdropClick?: boolean;
-    /**
-     * Whether pressing the Escape key closes the modal.
-     *
-     * @default true
-     */
-    closeOnEscape?: boolean;
-}
-/**
- * Default config values registered for the Modal component.
- */
-export declare const defaultModalConfig: ModalConfig;
-/**
- * Hard fallback values used when no config tier provides a value.
- * These values are used when instance props, component config,
- * and global defaults are all undefined.
- */
-export declare const FALLBACK_MODAL_CONFIG: Required<ModalConfig>;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        modal: ModalConfig;
-    }
-}
-//# sourceMappingURL=modal-config.d.ts.map

package/dist/components/modal/modal-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-config.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3C;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAMhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,WAAW,CAO9C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

package/dist/components/modal/modal-config.js

@@ -1,20 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/modal/modal-config.ts
-var t = {
-	size: "md",
-	position: "center",
-	animated: !0,
-	closeOnBackdropClick: !0,
-	closeOnEscape: !0
-}, n = {
-	size: "md",
-	position: "center",
-	radius: "lg",
-	animated: !0,
-	closeOnBackdropClick: !0,
-	closeOnEscape: !0
-};
-e("modal", t);
-//#endregion
-export { n as FALLBACK_MODAL_CONFIG, t as defaultModalConfig };

package/dist/components/modal/modal-styles.d.ts

@@ -1,12 +0,0 @@
-import { ModalPosition, ModalSizeKey } from './modal-config';
-/**
- * CSS classes for modal maximum width based on size.
- * Controls the width constraint of the modal content.
- */
-export declare const MODAL_MAX_WIDTH_CLASS: Record<ModalSizeKey, string>;
-/**
- * CSS classes for modal position.
- * Controls the vertical alignment of the modal.
- */
-export declare const MODAL_POSITION_CLASS: Record<ModalPosition, string>;
-//# sourceMappingURL=modal-styles.d.ts.map

package/dist/components/modal/modal-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-styles.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI9D,CAAC"}

package/dist/components/modal/modal-styles.js

@@ -1,15 +0,0 @@
-"use client";
-//#region src/components/modal/modal-styles.ts
-var e = {
-	sm: "max-w-sm",
-	md: "max-w-lg",
-	lg: "max-w-2xl",
-	xl: "max-w-4xl",
-	full: "max-w-[calc(100vw-2rem)]"
-}, t = {
-	center: "",
-	top: "self-start mt-12",
-	bottom: "self-end mb-12"
-};
-//#endregion
-export { e as MODAL_MAX_WIDTH_CLASS, t as MODAL_POSITION_CLASS };

package/dist/components/multi-select/MultiSelect.d.ts

@@ -1,234 +0,0 @@
-import { ReactNode } from 'react';
-import { InputProps } from '../input/Input';
-import { MenuOption } from '../menu';
-import { MenuProps } from '../menu/Menu';
-import { MultiSelectChipConfig, MultiSelectConfig } from './multi-select-config';
-/**
- * Field-related props that MultiSelect inherits from Input.
- * Picked to avoid conflicts with Button-specific props.
- */
-type MultiSelectFieldProps = Pick<InputProps, "label" | "description" | "message" | "required" | "isLoading" | "status" | "labelAlign" | "className" | "id" | "style">;
-/**
- * Content-related props from Input.
- */
-type MultiSelectContentProps = Pick<InputProps, "startContent" | "endContent">;
-/**
- * Props for the selected value chips.
- * Extends the chip config with instance-only props.
- */
-export interface MultiSelectChipProps extends MultiSelectChipConfig {
-    /**
-     * Class override applied to every selected value chip.
-     */
-    className?: string;
-}
-/**
- * Configuration options for the MultiSelect component.
- * Extends field and content props from Input, and MultiSelectConfig for
- * component-specific options. Uses Button for trigger styling.
- */
-export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectContentProps, Omit<MultiSelectConfig, "menu" | "chip"> {
-    /**
-     * Available options to select from.
-     * Each option must have a label and a unique value.
-     */
-    options: MenuOption[];
-    /**
-     * Controlled selected values.
-     * Array of selected option values. When omitted, the component keeps the
-     * accumulated selection itself and reports every change through `onChange`.
-     */
-    value?: (string | number)[];
-    /**
-     * Callback fired when the selection changes.
-     * Receives the updated array of selected values.
-     */
-    onChange?: (values: (string | number)[]) => void;
-    /**
-     * Label shown in the trigger when no items are selected.
-     *
-     * @default "Dropmenu Options..."
-     */
-    InputLabel?: string;
-    /**
-     * Whether search input is shown in the dropdown.
-     *
-     * @default true
-     */
-    isSearch?: boolean;
-    /**
-     * Placeholder text for the search input.
-     *
-     * @default "Search..."
-     */
-    searchPlaceholder?: string;
-    /**
-     * Name attribute for the search input.
-     *
-     * @default "multiselect-search"
-     */
-    searchInputName?: string;
-    /**
-     * Content rendered below the options list.
-     * Useful for adding "Add new" buttons or status messages.
-     */
-    belowList?: ReactNode;
-    /**
-     * Custom chip options for legacy or external control.
-     * When provided, this overrides the derived chips from value.
-     */
-    chipOptions?: MenuOption[];
-    /**
-     * Custom handler for removing a chip.
-     * For legacy or external control patterns.
-     */
-    handleRemoveChip?: (id: string | number) => void;
-    /**
-     * Custom handler for adding a chip.
-     * For legacy or external control patterns.
-     */
-    handleAddChip?: (item: MenuOption) => void;
-    /**
-     * Label shown above the chip list.
-     */
-    chipLabel?: string;
-    /**
-     * Whether to hide the chip display section.
-     *
-     * @default false
-     */
-    disableChipDisplay?: boolean;
-    /**
-     * Extra classes for the container.
-     */
-    containerClassName?: string;
-    /**
-     * Name attribute for the select.
-     */
-    name?: string;
-    /**
-     * Whether the select is disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Menu configuration overrides including portal, portalTarget, className, and visual styles.
-     * All menu-related props should be passed through this object.
-     */
-    menu?: MenuProps;
-    /**
-     * Chip configuration overrides including color, size and radius,
-     * plus the instance-only chip class override.
-     * All chip-related props should be passed through this object.
-     */
-    chip?: MultiSelectChipProps;
-}
-/**
- * A multi-select dropdown with search, chips, and configurable styles.
- *
- * MultiSelect renders a dropdown that allows selecting multiple options
- * from a list. Selected options are displayed as chips below the trigger.
- * It supports search filtering, controlled selection state, validation
- * states, custom menu and chip styles, and start/end content slots.
- * Visual tokens resolve through the standard AsheeUI cascade system.
- *
- * The component uses a Button component as the trigger, which provides
- * consistent button styling and behavior. It integrates with FieldShell for
- * label, description, and message handling, and uses Floating UI for
- * positioning and accessibility.
- *
- * By default, the dropdown menu uses Floating UI's FloatingPortal to render
- * at the document body level. This ensures the menu escapes CSS containment,
- * overflow clipping, and stacking context issues. The portal can be disabled
- * via the `menu.portal` prop or `components.multiSelect.menu.portal` in the
- * config if the menu needs to stay within a specific parent container.
- *
- * @param props - MultiSelect configuration options.
- * @param props.options - Available options to select from.
- * @param props.value - Controlled selected values.
- * @param props.onChange - Callback fired when selection changes.
- * @param props.InputLabel - Label shown in trigger. Defaults to "Dropmenu Options...".
- * @param props.isSearch - Whether search is enabled. Defaults to true.
- * @param props.searchPlaceholder - Search placeholder. Defaults to "Search...".
- * @param props.searchInputName - Name attribute for the search input. Defaults to "multiselect-search".
- * @param props.belowList - Content below the options list.
- * @param props.chipLabel - Label shown above the chip list.
- * @param props.disableChipDisplay - Hide chip display section. Defaults to false.
- * @param props.label - Field label text.
- * @param props.description - Description text.
- * @param props.message - Validation message.
- * @param props.required - Whether the field is required. Defaults to false.
- * @param props.isLoading - Loading state. Defaults to false.
- * @param props.disabled - Disabled state. Defaults to false.
- * @param props.size - Size of the trigger. Defaults to "md".
- * @param props.radius - Corner rounding. Defaults to "md".
- * @param props.variant - Visual style variant. Defaults to "bordered".
- * @param props.color - Theme accent color. Defaults to "primary".
- * @param props.status - Validation status.
- * @param props.labelAlign - Alignment of the label. Defaults to "left".
- * @param props.startContent - Content at the start of the trigger button.
- * @param props.endContent - Content at the end of the trigger button.
- * @param props.menu - Menu configuration overrides including className, portal, portalTarget, and visual styles.
- * @param props.containerClassName - Extra classes for the container.
- * @param props.chip - Chip configuration overrides including color, size, and radius.
- * @param props.chipOptions - Custom chip options for legacy control.
- * @param props.handleRemoveChip - Custom handler for removing a chip.
- * @param props.handleAddChip - Custom handler for adding a chip.
- * @param props.name - Name attribute for the select.
- *
- * @example
- * ```tsx
- * import { MultiSelect } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [values, setValues] = useState<(string | number)[]>([]);
- *
- *   const options = [
- *     { label: "React", value: "react" },
- *     { label: "Vue", value: "vue" },
- *     { label: "Svelte", value: "svelte" },
- *   ];
- *
- *   return (
- *     <MultiSelect
- *       options={options}
- *       value={values}
- *       onChange={setValues}
- *       label="Dropmenu Frameworks"
- *       InputLabel="Choose frameworks..."
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With custom chip colors and menu configuration
- * <MultiSelect
- *   options={fruits}
- *   value={selectedFruits}
- *   onChange={setSelectedFruits}
- *   label="Favorite Fruits"
- *   chip={{ color: "success", size: "sm" }}
- *   startContent={<FruitIcon />}
- *   menu={{
- *     className: "custom-dropdown",
- *     portal: false,
- *     itemVariant: "solid",
- *     activeItemColor: "success"
- *   }}
- * />
- * ```
- *
- * @see MultiSelectConfig - The configuration type for component defaults.
- * @see Input - The input component that provides field capabilities.
- * @see Button - The button component used as the trigger.
- * @see Menu - The dropdown menu component.
- * @see Chip - The chip component for selected items.
- * @see FieldShell - The wrapper component for label and validation.
- */
-export declare const MultiSelect: import('react').ForwardRefExoticComponent<MultiSelectProps & import('react').RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/multi-select/MultiSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,UAAU,EAAmB,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAobvB,CAAC"}

package/dist/components/multi-select/MultiSelect.js

@@ -1,163 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { useAsheeConfig as n } from "../../libs/context.js";
-import { ChevronDownIcon as ee } from "../../icons/ChevronDownIcon.js";
-import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
-import { CloseIcon as te } from "../../icons/CloseIcon.js";
-import { FieldShell as ne } from "../field/FieldShell.js";
-import { Button as o } from "../button/Button.js";
-import { Menu as s } from "../menu/Menu.js";
-import { useMenuFloating as re } from "../menu/use-menu-floating.js";
-import { Chip as ie } from "../chip/Chip.js";
-import { FALLBACK_MULTI_SELECT_CONFIG as c } from "./multi-select-config.js";
-import { MULTI_SELECT_FONT_CLASS as ae, MULTI_SELECT_HEIGHT_CLASS as oe, MULTI_SELECT_PADDING_CLASS as se, STATUS_BORDER_CLASS as ce } from "./multi-select-styles.js";
-import { forwardRef as l, useCallback as u, useId as d, useMemo as f, useState as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useClick as le, useDismiss as ue, useInteractions as de, useRole as fe } from "@floating-ui/react";
-//#region src/components/multi-select/MultiSelect.tsx
-var _ = l(({ options: l = [], value: _, onChange: v, InputLabel: y = "Dropmenu Options...", isSearch: pe = !0, searchPlaceholder: me = "Search...", searchInputName: he = "multiselect-search", belowList: ge, chipOptions: b, handleRemoveChip: x, handleAddChip: S, chipLabel: C, disableChipDisplay: _e = !1, variant: ve, color: ye, size: be, radius: xe, status: Se, label: w, labelAlign: T, description: E, message: D, required: O, isLoading: k, disabled: A, containerClassName: j, id: Ce, className: we, menu: Te, chip: M, style: Ee, startContent: De, endContent: Oe }, N) => {
-	let P = n(), F = P.components?.multiSelect, ke = d(), I = Ce ?? ke, [L, R] = p(!1), [Ae, je] = p(""), [Me, z] = p([]), B = _ !== void 0, V = _ ?? Me, H = r(be, F?.size, void 0, c.size), Ne = r(ve, F?.variant, P.defaultVariant, c.variant), U = r(ye, F?.color, P.defaultColor, c.color), W = a(xe, F?.radius, P.defaultRadius, c.radius), Pe = M?.className, Fe = r(M?.color, F?.chip?.color, U, c.chip.color), Ie = r(M?.size, F?.chip?.size, void 0, c.chip.size), Le = a(M?.radius, F?.chip?.radius, W, c.chip.radius), G = Se ?? c.status, Re = G === "error" ? "danger" : G === "success" ? "success" : G === "warning" ? "warning" : U, ze = r(T, F?.labelAlign, void 0, c.labelAlign), Be = i(H, oe, c.size), Ve = i(H, se, c.size), He = i(H, ae, c.size), Ue = i(Le, t, c.chip.radius), { refs: K, context: q, isPositioned: We, floatingStyles: Ge } = re({
-		isOpen: L,
-		onOpenChange: R,
-		disabled: A
-	}), Ke = le(q, { enabled: !A }), qe = ue(q), Je = fe(q, { role: "listbox" }), { getReferenceProps: Ye, getFloatingProps: J } = de([
-		Ke,
-		qe,
-		Je
-	]), Y = f(() => b === void 0 ? l.filter((e) => V.includes(e.value)) : b, [
-		b,
-		V,
-		l
-	]), X = u((e) => Y.some((t) => t.value === e), [Y]), Xe = u((e) => {
-		let t = X(e.value);
-		if (S || x) {
-			t ? x?.(e.value) : S?.(e);
-			return;
-		}
-		let n = t ? V.filter((t) => t !== e.value) : [...V, e.value];
-		B || z(n), v?.(n);
-	}, [
-		X,
-		S,
-		x,
-		B,
-		v,
-		V
-	]), Z = u((e) => {
-		if (x) {
-			x(e);
-			return;
-		}
-		let t = V.filter((t) => t !== e);
-		B || z(t), v?.(t);
-	}, [
-		x,
-		B,
-		v,
-		V
-	]), Ze = f(() => Y.map((e) => e.value), [Y]), Qe = f(() => Y.length > 0 ? `${Y.length} selected` : y, [Y.length, y]), Q = E ? `${I}-description` : void 0, $ = D ? `${I}-message` : void 0, $e = [Q, $].filter(Boolean).join(" ") || void 0, et = Ye({ onKeyDown: u((e) => {
-		A || (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), R(!0));
-	}, [A]) });
-	return /* @__PURE__ */ h(ne, {
-		id: I,
-		label: w,
-		labelAlign: ze,
-		description: E,
-		descriptionId: Q,
-		message: D,
-		messageId: $,
-		status: G,
-		required: O,
-		isLoading: k,
-		children: /* @__PURE__ */ g("div", {
-			className: e("w-full flex flex-col gap-3", j),
-			style: Ee,
-			children: [/* @__PURE__ */ g("div", {
-				className: "relative w-full",
-				children: [/* @__PURE__ */ h(o, {
-					ref: (e) => {
-						K.setReference(e), typeof N == "function" ? N(e) : N && (N.current = e);
-					},
-					type: "button",
-					id: I,
-					variant: Ne,
-					color: Re,
-					size: H,
-					radius: W,
-					isDisabled: A,
-					isLoading: k,
-					fullWidth: !0,
-					animate: !1,
-					"aria-expanded": L,
-					"aria-haspopup": "listbox",
-					"aria-invalid": G === "error",
-					"aria-describedby": $e,
-					className: e("font-normal text-left justify-between", ce[G], Be, Ve, He, we),
-					startContent: De,
-					endContent: /* @__PURE__ */ g(m, { children: [Oe, /* @__PURE__ */ h(ee, { className: e("shrink-0 text-foreground/70 transition-transform duration-200", L && "rotate-180") })] }),
-					...et,
-					children: /* @__PURE__ */ h("span", {
-						className: e("truncate", Y.length > 0 ? "text-foreground" : "text-foreground/70"),
-						children: Qe
-					})
-				}), /* @__PURE__ */ h(s, {
-					isOpen: L,
-					floatingStyles: Ge,
-					context: q,
-					getFloatingProps: J,
-					setFloatingRef: K.setFloating,
-					isPositioned: We,
-					isMultiSelectable: !0,
-					returnFocus: !0,
-					options: l,
-					selectedValues: Ze,
-					onOptionSelect: Xe,
-					isSearch: pe,
-					searchPlaceholder: me,
-					searchInputName: he,
-					searchQuery: Ae,
-					onSearchChange: je,
-					belowList: ge,
-					menuProps: Te,
-					menuConfig: F?.menu
-				})]
-			}), !_e && /* @__PURE__ */ g("div", {
-				className: "flex flex-col gap-1.5",
-				children: [C && /* @__PURE__ */ h("span", {
-					className: "text-xs font-medium text-foreground/70",
-					children: C
-				}), /* @__PURE__ */ h("div", {
-					className: "flex flex-wrap gap-1.5 p-2 min-h-12 bg-secondary/20 border border-dashed border-border rounded-lg items-center",
-					children: Y.length === 0 ? /* @__PURE__ */ h("span", {
-						className: "text-xs text-foreground/70 px-2 py-1",
-						children: "No selections made"
-					}) : Y.map((t) => /* @__PURE__ */ g(ie, {
-						variant: "bordered",
-						color: Fe,
-						size: Ie,
-						isDisabled: A,
-						className: e("inline-flex items-center gap-1.5 font-medium shadow-xs", Ue, Pe),
-						children: [/* @__PURE__ */ h("span", { children: t.label }), /* @__PURE__ */ h("button", {
-							type: "button",
-							tabIndex: A ? -1 : 0,
-							onClick: (e) => {
-								e.stopPropagation(), A || Z(t.value);
-							},
-							onKeyDown: (e) => {
-								(e.key === "Enter" || e.key === " ") && !A && (e.stopPropagation(), Z(t.value));
-							},
-							"aria-label": `Remove ${t.label}`,
-							className: "inline-flex items-center justify-center h-3.5 w-3.5 rounded-full hover:bg-foreground/20 transition-colors cursor-pointer shrink-0",
-							children: /* @__PURE__ */ h(te, { className: "w-3 h-3" })
-						})]
-					}, String(t.value)))
-				})]
-			})]
-		})
-	});
-});
-_.displayName = "MultiSelect";
-//#endregion
-export { _ as MultiSelect };

package/dist/components/multi-select/index.d.ts

@@ -1,3 +0,0 @@
-export * from './MultiSelect';
-export * from './multi-select-config';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/multi-select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}

package/dist/components/multi-select/index.js

@@ -1,3 +0,0 @@
-export * from "./MultiSelect.js";
-export * from "./multi-select-config.js";
-export * from "./multi-select-styles.js";

package/dist/components/multi-select/multi-select-config.d.ts

@@ -1,74 +0,0 @@
-import { Color, Radius, Size, Variant } from '../../shared';
-import { InputConfig } from '../input';
-import { MenuConfig } from '../menu';
-/**
- * Configuration for selected value chips.
- * Controls the appearance of chips in the selected values section.
- */
-export interface MultiSelectChipConfig {
-    /**
-     * Visual style variant for chips.
-     */
-    variant?: Variant;
-    /**
-     * Theme accent color for chips.
-     */
-    color?: Color;
-    /**
-     * Corner rounding for chips.
-     */
-    radius?: Radius;
-    /**
-     * Size scale for chips.
-     */
-    size?: Size;
-}
-/**
- * Theme configuration options for the MultiSelect component.
- *
- * Set under `components.multiSelect` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface MultiSelectConfig extends InputConfig {
-    /**
-     * Configuration for the dropdown menu.
-     * Controls the menu's visual appearance and behavior.
-     */
-    menu?: MenuConfig;
-    /**
-     * Configuration for selected value chips.
-     * Controls the appearance of chips in the selected values section.
-     */
-    chip?: MultiSelectChipConfig;
-}
-/**
- * Default config values registered for the MultiSelect component.
- * Inherits field defaults and sets chip size to "sm".
- */
-export declare const defaultMultiSelectConfig: MultiSelectConfig;
-/**
- * Hard fallback values used when no config tier provides a value.
- * These values are used when instance props, component config,
- * and global defaults are all undefined.
- */
-export declare const FALLBACK_MULTI_SELECT_CONFIG: {
-    readonly chip: {
-        readonly size: "sm";
-        readonly color: "primary";
-        readonly radius: "sm";
-        readonly variant: "solid";
-    };
-    readonly size: import('../field').FieldSizeKey;
-    readonly radius: Radius;
-    readonly variant: Variant;
-    readonly color: Color;
-    readonly labelAlign: import('../field').LabelAlign;
-    readonly fullWidth: boolean;
-    readonly status: import('../field').FieldStatus;
-};
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        multiSelect: MultiSelectConfig;
-    }
-}
-//# sourceMappingURL=multi-select-config.d.ts.map

package/dist/components/multi-select/multi-select-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-select-config.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/multi-select-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBAKtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;CAQ/B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF"}

package/dist/components/multi-select/multi-select-config.js

@@ -1,20 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
-import { defaultInputConfig as n } from "../input/input-config.js";
-//#region src/components/multi-select/multi-select-config.ts
-var r = {
-	...n,
-	chip: { size: "sm" }
-}, i = {
-	...t,
-	chip: {
-		size: "sm",
-		color: "primary",
-		radius: "sm",
-		variant: "solid"
-	}
-};
-e("multiSelect", r);
-//#endregion
-export { i as FALLBACK_MULTI_SELECT_CONFIG, r as defaultMultiSelectConfig };

package/dist/components/multi-select/multi-select-styles.d.ts

@@ -1,23 +0,0 @@
-import { FieldSizeKey, FieldStatus } from '../field/field-config';
-/**
- * CSS classes for multi-select trigger height based on size.
- * Controls the vertical dimension of the trigger button.
- */
-export declare const MULTI_SELECT_HEIGHT_CLASS: Record<FieldSizeKey, string>;
-/**
- * CSS classes for multi-select padding based on size.
- * Controls the horizontal padding of the trigger button.
- */
-export declare const MULTI_SELECT_PADDING_CLASS: Record<FieldSizeKey, string>;
-/**
- * CSS classes for multi-select font size based on size.
- * Controls the text size of the trigger button.
- */
-export declare const MULTI_SELECT_FONT_CLASS: Record<FieldSizeKey, string>;
-/**
- * CSS classes for multi-select status border styles.
- * Maps status values to Tailwind classes for border and
- * focus ring colors.
- */
-export declare const STATUS_BORDER_CLASS: Record<FieldStatus, string>;
-//# sourceMappingURL=multi-select-styles.d.ts.map