asheeui 2.0.0 → 2.3.0

package/dist/components/marquee/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/marquee/index.js

@@ -1,3 +0,0 @@
-export * from "./Marquee.js";
-export * from "./marquee-config.js";
-export * from "./marquee-styles.js";

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

@@ -1,100 +0,0 @@
-/**
- * Marquee component configuration for AsheeUI.
- * This file defines the configuration types and defaults for the Marquee
- * component, including axis, direction, speed, gap, and edge fading options.
- * It registers the default configuration with the component registry and
- * provides fallback values for the cascade resolution system.
- */
-/**
- * The axis of the marquee animation.
- * - `x`: Horizontal scrolling.
- * - `y`: Vertical scrolling.
- */
-export type MarqueeAxis = "x" | "y";
-/**
- * The direction of the marquee animation.
- * - `forward`: Scrolls from right to left (x) or bottom to top (y).
- * - `reverse`: Scrolls from left to right (x) or top to bottom (y).
- */
-export type MarqueeDirection = "forward" | "reverse";
-/**
- * Speed presets for the marquee.
- * - `slow`: 50 seconds for a full cycle.
- * - `normal`: 30 seconds for a full cycle.
- * - `fast`: 15 seconds for a full cycle.
- */
-export type MarqueeSpeedPreset = "slow" | "normal" | "fast";
-/**
- * Theme configuration options for the Marquee component.
- *
- * Set under `components.marquee` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface MarqueeConfig {
-    /**
-     * The axis of the marquee animation.
-     * Controls whether the marquee scrolls horizontally or vertically.
-     *
-     * @default "x"
-     */
-    axis?: MarqueeAxis;
-    /**
-     * The direction of the marquee animation.
-     * Controls the scroll direction.
-     *
-     * @default "forward"
-     */
-    direction?: MarqueeDirection;
-    /**
-     * The speed of the marquee animation.
-     * Can be a preset value ("slow", "normal", "fast") or a number
-     * representing the duration in seconds for a full cycle.
-     *
-     * @default "normal"
-     */
-    speed?: MarqueeSpeedPreset | number;
-    /**
-     * The gap between marquee items.
-     * Accepts any valid CSS gap value.
-     *
-     * @default "1.5rem"
-     */
-    gap?: string;
-    /**
-     * Whether the marquee pauses on hover.
-     * When true, the animation stops when hovering over the marquee.
-     *
-     * @default false
-     */
-    pauseOnHover?: boolean;
-    /**
-     * Whether the marquee has fading edges.
-     * When true, the edges of the marquee fade to transparent.
-     *
-     * @default false
-     */
-    fadeEdges?: boolean;
-}
-/**
- * Default config values registered for the Marquee component.
- */
-export declare const defaultMarqueeConfig: MarqueeConfig;
-/**
- * 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_MARQUEE_CONFIG: {
-    readonly axis: MarqueeAxis;
-    readonly direction: MarqueeDirection;
-    readonly speed: MarqueeSpeedPreset;
-    readonly gap: "1.5rem";
-    readonly pauseOnHover: true;
-    readonly fadeEdges: true;
-};
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        marquee: MarqueeConfig;
-    }
-}
-//# sourceMappingURL=marquee-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"marquee-config.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/marquee-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpC;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,kBAAkB,GAAG,MAAM,CAAC;IAEpC;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAOlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;mBACrB,WAAW;wBACA,gBAAgB;oBACrB,kBAAkB;;;;CAI7B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}

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

@@ -1,21 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/marquee/marquee-config.ts
-var t = {
-	axis: "x",
-	direction: "forward",
-	speed: "normal",
-	gap: "1.5rem",
-	pauseOnHover: !1,
-	fadeEdges: !1
-}, n = {
-	axis: "x",
-	direction: "forward",
-	speed: "normal",
-	gap: "1.5rem",
-	pauseOnHover: !0,
-	fadeEdges: !0
-};
-e("marquee", t);
-//#endregion
-export { n as FALLBACK_MARQUEE_CONFIG, t as defaultMarqueeConfig };

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

@@ -1,17 +0,0 @@
-import { MarqueeAxis, MarqueeSpeedPreset } from './marquee-config';
-/**
- * Duration in seconds for each speed preset.
- * Higher values mean slower animation.
- */
-export declare const MARQUEE_SPEED_PRESETS: Record<MarqueeSpeedPreset, number>;
-/**
- * CSS classes for the start edge fade gradient.
- * Creates a fade effect at the beginning of the scroll direction.
- */
-export declare const MARQUEE_FADE_START_CLASS: Record<MarqueeAxis, string>;
-/**
- * CSS classes for the end edge fade gradient.
- * Creates a fade effect at the end of the scroll direction.
- */
-export declare const MARQUEE_FADE_END_CLASS: Record<MarqueeAxis, string>;
-//# sourceMappingURL=marquee-styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"marquee-styles.d.ts","sourceRoot":"","sources":["../../../src/components/marquee/marquee-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAIpE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAGhE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG9D,CAAC"}

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

@@ -1,15 +0,0 @@
-"use client";
-//#region src/components/marquee/marquee-styles.ts
-var e = {
-	slow: 50,
-	normal: 30,
-	fast: 15
-}, t = {
-	x: "top-0 left-0 h-full w-24 bg-linear-to-r from-background to-transparent",
-	y: "top-0 left-0 w-full h-24 bg-linear-to-b from-background to-transparent"
-}, n = {
-	x: "top-0 -right-5 h-full w-24 bg-linear-to-l from-background to-transparent",
-	y: "bottom-0 left-0 w-full h-24 bg-linear-to-t from-background to-transparent"
-};
-//#endregion
-export { n as MARQUEE_FADE_END_CLASS, t as MARQUEE_FADE_START_CLASS, e as MARQUEE_SPEED_PRESETS };

package/dist/components/menu/Menu.d.ts

@@ -1,227 +0,0 @@
-import { FloatingContext } from '@floating-ui/react';
-import { ReactNode } from 'react';
-import { MenuConfig, MenuOption } from './menu-config';
-/**
- * Menu props that extend MenuConfig with className.
- * Used for menu configuration overrides.
- */
-export type MenuProps = MenuConfig & {
-    /**
-     * Extra CSS classes for the menu container.
-     */
-    className?: string;
-};
-/**
- * Props for the Menu component.
- */
-export interface MenuComponentProps {
-    /**
-     * Whether the menu is open.
-     */
-    isOpen: boolean;
-    /**
-     * CSS styles for positioning from Floating UI.
-     */
-    floatingStyles: React.CSSProperties;
-    /**
-     * Floating UI context from the parent component.
-     */
-    context: FloatingContext;
-    /**
-     * Props getter for floating element from Floating UI.
-     */
-    getFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
-    /**
-     * Ref setter for the floating element.
-     */
-    setFloatingRef: (node: HTMLElement | null) => void;
-    /**
-     * Whether the floating element has completed its first position update.
-     * When false, the menu stays in the DOM (so Floating UI can measure it)
-     * but is hidden (`invisible opacity-0 pointer-events-none`), preventing a
-     * visible flash at its initial (0, 0) coordinate. The enter animation
-     * classes are only applied once this is true so the reveal and animation
-     * start together.
-     *
-     * @default true
-     */
-    isPositioned?: boolean;
-    /**
-     * Available options to display in the menu.
-     */
-    options: MenuOption[];
-    /**
-     * Currently selected values.
-     * Used to highlight selected options with a checkmark.
-     */
-    selectedValues?: (string | number)[];
-    /**
-     * Callback fired when an option is selected.
-     * Receives the selected option object.
-     */
-    onOptionSelect: (option: MenuOption) => void;
-    /**
-     * Whether search input is shown in the menu.
-     * @default true
-     */
-    isSearch?: boolean;
-    /**
-     * Placeholder text for the search input.
-     * @default "Search..."
-     */
-    searchPlaceholder?: string;
-    /**
-     * Name attribute for the search input.
-     * @default "menu-search"
-     */
-    searchInputName?: string;
-    /**
-     * Controlled search query value.
-     */
-    searchQuery?: string;
-    /**
-     * Callback fired when the search query changes.
-     */
-    onSearchChange?: (query: string) => void;
-    /**
-     * Content rendered below the options list.
-     */
-    belowList?: ReactNode;
-    /**
-     * Configuration for menu items from the parent component.
-     */
-    menuConfig?: MenuConfig;
-    /**
-     * Props override for menu configuration.
-     * Includes className, portal, portalTarget, and visual style options.
-     */
-    menuProps?: MenuProps;
-    /**
-     * Custom render function for each option.
-     * Receives the option and a boolean indicating if it's selected.
-     */
-    renderOption?: (option: MenuOption, isSelected: boolean) => ReactNode;
-    /**
-     * Initial focus target for the FloatingFocusManager.
-     */
-    initialFocus?: number | React.RefObject<HTMLElement>;
-    /**
-     * Whether to return focus to the trigger after closing.
-     * @default false
-     */
-    returnFocus?: boolean;
-    /**
-     * Index of the option that keyboard navigation treats as current.
-     * When omitted, the menu tracks the current option itself.
-     */
-    activeIndex?: number | null;
-    /**
-     * Called when the current option changes through keyboard navigation.
-     * A consumer that keeps focus in its own trigger uses this to mirror the
-     * current option in `aria-activedescendant`.
-     */
-    onActiveIndexChange?: (index: number | null) => void;
-    /**
-     * Whether the listbox accepts more than one selection.
-     * Exposed as `aria-multiselectable` on the option list.
-     *
-     * @default false
-     */
-    isMultiSelectable?: boolean;
-}
-/**
- * Identifier of one option inside a menu listbox.
- *
- * The listbox id comes from the floating element, so the identifier a consumer
- * publishes through `aria-activedescendant` and the identifier the option
- * carries are built the same way from the same id.
- *
- * @param listboxId - Id of the option list container.
- * @param index - Position of the option in the rendered list.
- * @returns The option id, or `undefined` when the list has no id yet.
- */
-export declare function menuOptionId(listboxId: string | undefined, index: number): string | undefined;
-/**
- * A reusable dropdown menu for selecting options from a list.
- *
- * Menu renders a floating dropdown with search, option list, and
- * selection state management. It is designed to be used as the dropdown
- * implementation for Dropmenu, MultiSelect, and Autocomplete components.
- *
- * The component uses Floating UI for positioning and accessibility, and
- * supports custom option rendering, search filtering, and configurable
- * item styles through the cascade resolution system.
- *
- * By default, the 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 `menuProps.portal` prop if the menu needs to stay within a specific
- * parent container. This is typically controlled by the parent component.
- *
- * @param props - Menu configuration options.
- * @param props.isOpen - Whether the menu is open.
- * @param props.context - Floating UI context.
- * @param props.getFloatingProps - Props getter for the floating element.
- * @param props.setFloatingRef - Ref setter for the floating element.
- * @param props.isPositioned - Whether the floating element has been positioned by Floating UI. Defaults to true.
- * @param props.options - Available options to display.
- * @param props.selectedValues - Currently selected values.
- * @param props.onOptionSelect - Callback fired when an option is selected.
- * @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 "menu-search".
- * @param props.searchQuery - Controlled search query value.
- * @param props.onSearchChange - Callback fired when the search query changes.
- * @param props.belowList - Content below the options list.
- * @param props.menuConfig - Configuration for menu items.
- * @param props.menuProps - Props override for menu configuration. Includes className, portal, portalTarget, and visual styles.
- * @param props.renderOption - Custom render function for options.
- * @param props.initialFocus - Initial focus target for the FloatingFocusManager.
- * @param props.returnFocus - Whether to return focus to the trigger after closing. Defaults to false.
- * @param props.activeIndex - Index the menu treats as the current option. Defaults to the menu tracking it itself.
- * @param props.onActiveIndexChange - Called when the current option changes through keyboard navigation.
- * @param props.isMultiSelectable - Whether the option list accepts more than one selection. Defaults to false.
- *
- * @example
- * ```tsx
- * const { refs, context } = useFloating(...);
- *
- * <Menu
- *   isOpen={isOpen}
- *   context={context}
- *   getFloatingProps={getFloatingProps}
- *   setFloatingRef={refs.setFloating}
- *   options={options}
- *   selectedValues={selectedValues}
- *   onOptionSelect={handleSelect}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // With custom menu configuration
- * <Menu
- *   isOpen={isOpen}
- *   context={context}
- *   getFloatingProps={getFloatingProps}
- *   setFloatingRef={refs.setFloating}
- *   options={options}
- *   selectedValues={selectedValues}
- *   onOptionSelect={handleSelect}
- *   menuProps={{
- *     className: "custom-dropdown",
- *     portal: false,
- *     itemVariant: "solid",
- *     activeItemColor: "success"
- *   }}
- * />
- * ```
- *
- * @see MenuConfig - The configuration type for menu items.
- * @see Button - The button component used for menu items.
- */
-export declare const Menu: {
-    ({ isOpen, floatingStyles, context, getFloatingProps, setFloatingRef, isPositioned, options, selectedValues, onOptionSelect, isSearch, searchPlaceholder, searchInputName, searchQuery, onSearchChange, belowList, menuConfig, menuProps, renderOption, initialFocus, returnFocus, activeIndex: activeIndexProp, onActiveIndexChange, isMultiSelectable, }: MenuComponentProps): import("react").JSX.Element | null;
-    displayName: string;
-};
-//# sourceMappingURL=Menu.d.ts.map

package/dist/components/menu/Menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAKL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAUf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAOvB;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IAEpC;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IAEzB;;OAEG;IACH,gBAAgB,EAAE,CAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE7B;;OAEG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnD;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAErC;;;OAGG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAE7C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAEtE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAErD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAErD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAwBD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,KAAK,EAAE,MAAM,GACZ,MAAM,GAAG,SAAS,CAEpB;AA0ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8EG;AACH,eAAO,MAAM,IAAI;gWAwBd,kBAAkB;;CAyXpB,CAAC"}

package/dist/components/menu/Menu.js

@@ -1,161 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { resolveCascade as n, resolveRadiusKey as r } from "../../utils/resolve-token.js";
-import { CheckIcon as i } from "../../icons/CheckIcon.js";
-import { Button as a } from "../button/Button.js";
-import { Input as o } from "../input/Input.js";
-import { SearchIcon as s } from "../../icons/SearchIcon.js";
-import { useBodyScrollLock as c } from "../../libs/use-body-scroll-lock.js";
-import { FALLBACK_MENU_CONFIG as l } from "./menu-config.js";
-import { edgeOptionIndex as u, matchingOptionIndex as d, nextOptionIndex as f } from "./menu-navigation.js";
-import { memo as p, useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { FloatingFocusManager as S, FloatingPortal as C } from "@floating-ui/react";
-//#region src/components/menu/Menu.tsx
-function w(e, t) {
-	return e ? `${e}-option-${t}` : void 0;
-}
-var ee = p(function({ filteredOptions: e, selectedValues: t, onOptionSelect: n, renderOption: r, itemVariant: o, itemColor: s, activeItemVariant: c, activeItemColor: l, radius: u, size: d, optionRefs: f, listboxId: p, onOptionFocus: m }) {
-	let h = (e) => t.includes(e);
-	return e.length === 0 ? /* @__PURE__ */ b("div", {
-		role: "status",
-		className: "px-3 py-4 text-xs text-foreground/70 text-center",
-		children: "No options found"
-	}) : /* @__PURE__ */ b(y, { children: e.map((e, t) => {
-		let g = h(e.value);
-		return r ? r(e, g) : /* @__PURE__ */ x(a, {
-			ref: (e) => {
-				f.current[t] = e;
-			},
-			id: w(p, t),
-			role: "option",
-			"aria-selected": g,
-			"aria-disabled": e.disabled ? !0 : void 0,
-			onFocus: () => m(t),
-			variant: g ? c : o,
-			color: g ? l : s,
-			radius: u,
-			size: d,
-			isDisabled: e.disabled,
-			onClick: () => n(e),
-			className: "w-full justify-between font-normal text-left transition-colors truncate",
-			children: [/* @__PURE__ */ b("span", { children: e.label }), g && /* @__PURE__ */ b(i, { className: "w-3.5 h-3.5 shrink-0 ml-2" })]
-		}, String(e.value));
-	}) });
-}), T = ({ isOpen: i, floatingStyles: a, context: p, getFloatingProps: y, setFloatingRef: w, isPositioned: T = !0, options: E = [], selectedValues: te = [], onOptionSelect: ne, isSearch: D = !0, searchPlaceholder: re = "Search...", searchInputName: ie = "menu-search", searchQuery: ae, onSearchChange: O, belowList: k, menuConfig: A, menuProps: j = {}, renderOption: oe, initialFocus: se, returnFocus: ce, activeIndex: M, onActiveIndexChange: N, isMultiSelectable: le = !1 }) => {
-	let P = t(), [ue, de] = v(""), F = ae ?? ue, fe = (e) => {
-		O ? O(e) : de(e);
-	}, pe = n(j?.lockScroll, A?.lockScroll, void 0, l.lockScroll), me = n(j?.portal, A?.portal, void 0, l.portal), he = n(j?.portalTarget, A?.portalTarget, void 0, typeof document < "u" ? document.body : null);
-	c(i && pe);
-	let I = g(() => !D || !F.trim() ? E : E.filter((e) => e.label.toLowerCase().includes(F.toLowerCase())), [
-		E,
-		D,
-		F
-	]), L = _([]), R = _(null), z = _(""), B = _(null), [ge, _e] = v(null), ve = m((e) => {
-		R.current = e, w(e);
-	}, [w]), V = M === void 0 ? ge : M, H = V !== null && V >= 0 && V < I.length ? V : null, U = m((e) => {
-		_e(e), N?.(e);
-	}, [N]), ye = m((e) => {
-		U(e);
-	}, [U]), W = m((e) => {
-		let t = L.current[e];
-		t && R.current?.contains(document.activeElement) && t.focus();
-	}, []), G = m((e) => {
-		e !== null && (U(e), W(e));
-	}, [W, U]), K = m((e) => {
-		G(f(I, H, e));
-	}, [
-		G,
-		H,
-		I
-	]), q = m((e) => {
-		G(u(I, e));
-	}, [G, I]), be = m((e) => {
-		z.current += e, G(d(I, z.current)), B.current && clearTimeout(B.current), B.current = setTimeout(() => {
-			z.current = "";
-		}, 500);
-	}, [G, I]);
-	h(() => () => {
-		B.current && clearTimeout(B.current);
-	}, []);
-	let xe = (e) => {
-		let t = e.target, n = t.tagName === "INPUT" || t.tagName === "TEXTAREA";
-		if (!(n && e.key !== "ArrowDown" && e.key !== "ArrowUp")) switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), K(1);
-				return;
-			case "ArrowUp":
-				e.preventDefault(), K(-1);
-				return;
-			case "Home":
-				e.preventDefault(), q("first");
-				return;
-			case "End":
-				e.preventDefault(), q("last");
-				return;
-			default: !n && e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey && be(e.key);
-		}
-	}, J = n(j?.itemVariant, A?.itemVariant, void 0, l.itemVariant), Y = n(j?.itemColor, A?.itemColor, P.defaultColor, l.itemColor), Se = n(j?.activeItemVariant, A?.activeItemVariant, P.defaultVariant, l.activeItemVariant), Ce = n(j?.activeItemColor, A?.activeItemColor, P.defaultColor, l.activeItemColor), X = r(j?.radius, A?.radius, P.defaultRadius, l.radius), Z = n(j?.size, A?.size, void 0, l.size), Q = y({ onKeyDown: xe }), we = typeof Q.id == "string" ? Q.id : void 0;
-	if (!i) return null;
-	let $ = /* @__PURE__ */ b(S, {
-		context: p,
-		modal: !1,
-		initialFocus: se,
-		returnFocus: ce,
-		children: /* @__PURE__ */ x("div", {
-			ref: ve,
-			style: { ...a },
-			className: e("w-full outline-none max-h-60 shadow-xl bg-background border border-border p-1 flex flex-col gap-0.5 overflow-y-auto scrollable-hidden", "transition-none", T ? "animate-in fade-in-0 zoom-in-95 slide-in-from-top-1 duration-150 ease-out" : "invisible opacity-0 pointer-events-none", j?.className),
-			role: "listbox",
-			"aria-multiselectable": le ? !0 : void 0,
-			...Q,
-			children: [
-				D && /* @__PURE__ */ b("div", {
-					className: "w-full p-1 mb-1 sticky top-0 z-10 border-b border-border",
-					children: /* @__PURE__ */ b(o, {
-						name: ie,
-						type: "text",
-						variant: "bordered",
-						radius: X,
-						color: Y,
-						size: Z,
-						value: F,
-						onChange: (e) => fe(e.target.value),
-						startContent: /* @__PURE__ */ b(s, { className: "w-3.5 h-3.5 text-foreground/70" }),
-						placeholder: re,
-						autoFocus: !0,
-						className: "w-full pl-8 h-8 text-xs bg-secondary/30 border-none focus-visible:ring-0"
-					})
-				}),
-				/* @__PURE__ */ b(ee, {
-					filteredOptions: I,
-					selectedValues: te,
-					onOptionSelect: ne,
-					renderOption: oe,
-					itemVariant: J,
-					itemColor: Y,
-					activeItemVariant: Se,
-					activeItemColor: Ce,
-					radius: X,
-					size: Z,
-					optionRefs: L,
-					listboxId: we,
-					onOptionFocus: ye
-				}),
-				k && /* @__PURE__ */ b("div", {
-					className: "border-t border-border pt-1 mt-1",
-					children: k
-				})
-			]
-		})
-	});
-	return me ? /* @__PURE__ */ b(C, {
-		root: he,
-		children: $
-	}) : $;
-};
-T.displayName = "Menu";
-//#endregion
-export { T as Menu, w as menuOptionId };

package/dist/components/menu/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Menu';
-export * from './menu-config';
-export * from './menu-navigation';
-export * from './use-menu-floating';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/dist/components/menu/index.js

@@ -1,4 +0,0 @@
-export * from "./Menu.js";
-export * from "./menu-config.js";
-export * from "./menu-navigation.js";
-export * from "./use-menu-floating.js";