@mdigital_ui/ui 0.4.5 → 0.4.7

package/dist/{chunk-HVHQA34X.js → chunk-DIUOGEL3.js}

@@ -1,7 +1,7 @@
-import { useSelectBase } from './chunk-HJITFPBT.js';
+import { useSelectBase } from './chunk-QDJ5PZPP.js';
 import { useControllable } from './chunk-PQOIW5CM.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
 import { spinner_default } from './chunk-RRPMZYVN.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
 import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
@@ -86,7 +86,11 @@ var Select = React.memo(
     ref,
     ...props
   }) => {
-    const [currentValue, setCurrentValue] = useControllable({ value, defaultValue: defaultValue ?? "", onChange });
+    const [currentValue, setCurrentValue] = useControllable({
+      value,
+      defaultValue: defaultValue ?? "",
+      onChange
+    });
     const {
       // State
       isOpen,
@@ -168,7 +172,7 @@ var Select = React.memo(
           "div",
           {
             ref: scrollContainerRef,
-            className: "overflow-auto relative",
+            className: "overflow-auto relative p-1",
             style: { maxHeight: maxDropdownHeight },
             role: "listbox",
             id: listboxId,
@@ -190,105 +194,95 @@ var Select = React.memo(
               {
                 ref: refCallback,
                 style: {
-                  height: `${Math.min(virtualizer.getTotalSize(), maxDropdownHeight)}px`,
-                  overflow: "auto"
+                  height: `${virtualizer.getTotalSize()}px`,
+                  width: "100%",
+                  position: "relative"
                 },
-                onScroll: handleScroll,
-                children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    style: {
-                      height: `${virtualizer.getTotalSize()}px`,
-                      width: "100%",
-                      position: "relative"
-                    },
-                    children: virtualizer.getVirtualItems().map((virtualItem) => {
-                      const item = filteredOptions[virtualItem.index];
-                      if (!item) return null;
-                      if (item.type === "group") {
-                        return /* @__PURE__ */ jsx(
-                          "div",
+                children: virtualizer.getVirtualItems().map((virtualItem) => {
+                  const item = filteredOptions[virtualItem.index];
+                  if (!item) return null;
+                  if (item.type === "group") {
+                    return /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "data-slot": "group",
+                        style: {
+                          position: "absolute",
+                          top: 0,
+                          left: 0,
+                          width: "100%",
+                          height: `${virtualItem.size}px`,
+                          transform: `translateY(${virtualItem.start}px)`
+                        },
+                        className: cn(
+                          "select_group",
+                          selectGroupVariants(),
+                          classNames?.group
+                        ),
+                        children: /* @__PURE__ */ jsx(
+                          "span",
                           {
-                            "data-slot": "group",
-                            style: {
-                              position: "absolute",
-                              top: 0,
-                              left: 0,
-                              width: "100%",
-                              height: `${virtualItem.size}px`,
-                              transform: `translateY(${virtualItem.start}px)`
-                            },
+                            "data-slot": "groupLabel",
                             className: cn(
-                              "select_group",
-                              selectGroupVariants(),
-                              classNames?.group
+                              "select_groupLabel",
+                              classNames?.groupLabel
                             ),
-                            children: /* @__PURE__ */ jsx(
-                              "span",
-                              {
-                                "data-slot": "groupLabel",
-                                className: cn(
-                                  "select_groupLabel",
-                                  classNames?.groupLabel
-                                ),
-                                children: item.data
-                              }
-                            )
-                          },
-                          `group-${virtualItem.index}`
-                        );
-                      }
-                      const option = item.data;
-                      const isSelected = option.value === currentValue;
-                      const selectableIndex = selectableOptions.indexOf(
-                        item
-                      );
-                      const isHighlighted = selectableIndex === highlightedIndex;
-                      return /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          "data-slot": "option",
-                          "data-value": option.value,
-                          style: {
-                            position: "absolute",
-                            top: 0,
-                            left: 0,
-                            width: "100%",
-                            height: `${virtualItem.size}px`,
-                            transform: `translateY(${virtualItem.start}px)`
-                          },
-                          className: cn(
-                            "select_option",
-                            selectOptionVariants({
-                              selected: isSelected,
-                              disabled: !!option.disabled
-                            }),
-                            isHighlighted && "bg-surface",
-                            classNames?.option,
-                            isSelected && classNames?.optionSelected
-                          ),
-                          onClick: () => !option.disabled && handleOptionClick(option.value),
-                          role: "option",
-                          "aria-selected": isSelected,
-                          "aria-disabled": option.disabled,
-                          children: [
-                            option.label,
-                            isSelected && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
-                              Check,
-                              {
-                                className: cn(
-                                  "text-slot animate-in zoom-in-75 duration-150",
-                                  iconSizes[size]
-                                )
-                              }
-                            ) })
-                          ]
-                        },
-                        option.value
-                      );
-                    })
+                            children: item.data
+                          }
+                        )
+                      },
+                      `group-${virtualItem.index}`
+                    );
                   }
-                )
+                  const option = item.data;
+                  const isSelected = option.value === currentValue;
+                  const selectableIndex = selectableOptions.indexOf(
+                    item
+                  );
+                  const isHighlighted = selectableIndex === highlightedIndex;
+                  return /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      "data-slot": "option",
+                      "data-value": option.value,
+                      style: {
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        width: "100%",
+                        height: `${virtualItem.size}px`,
+                        transform: `translateY(${virtualItem.start}px)`
+                      },
+                      className: cn(
+                        "select_option",
+                        selectOptionVariants({
+                          selected: isSelected,
+                          disabled: !!option.disabled
+                        }),
+                        isHighlighted && "bg-surface",
+                        classNames?.option,
+                        isSelected && classNames?.optionSelected
+                      ),
+                      onClick: () => !option.disabled && handleOptionClick(option.value),
+                      role: "option",
+                      "aria-selected": isSelected,
+                      "aria-disabled": option.disabled,
+                      children: [
+                        option.label,
+                        isSelected && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
+                          Check,
+                          {
+                            className: cn(
+                              "text-slot animate-in zoom-in-75 duration-150",
+                              iconSizes[size]
+                            )
+                          }
+                        ) })
+                      ]
+                    },
+                    option.value
+                  );
+                })
               }
             ) : /* @__PURE__ */ jsx("div", { children: filteredOptions.map((item, index) => {
               if (item.type === "group") {
@@ -327,6 +321,7 @@ var Select = React.memo(
                 {
                   "data-slot": "option",
                   "data-value": option.value,
+                  "data-option-index": index,
                   className: cn(
                     "select_option",
                     selectOptionVariants({
@@ -530,5 +525,5 @@ Select.displayName = "Select";
 var select_default = Select;
 
 export { select_default };
-//# sourceMappingURL=chunk-HVHQA34X.js.map
-//# sourceMappingURL=chunk-HVHQA34X.js.map
+//# sourceMappingURL=chunk-DIUOGEL3.js.map
+//# sourceMappingURL=chunk-DIUOGEL3.js.map

package/dist/chunk-DIUOGEL3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select/index.tsx"],"names":[],"mappings":"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","file":"chunk-DIUOGEL3.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Check, ChevronDown, ChevronUp, Search, X } from \"lucide-react\";\nimport React from \"react\";\nimport { useControllable } from \"../hooks/useControllable\";\n\nimport Spinner from \"../spinner\";\n\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport { colorVars } from \"../variants\";\nimport { useSelectBase } from \"../shared/useSelectBase\";\nimport type { FlattenedItem } from \"../shared/useSelectBase\";\nimport { cn, iconSizes, statusMessageVariants } from \"../utils\";\nimport type { SelectOption, SelectProps } from \"./types\";\n\nconst selectTriggerVariants = cva(\n  \"w-full flex items-center justify-between rounded-md bg-background text-text-primary border focus:border-primary outline-none disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer transition-colors\",\n  {\n    variants: {\n      status: {\n        default: \"border-border hover:border-primary/50\",\n        error: \"border-error\",\n        warning: \"border-warning\",\n        info: \"border-info\",\n        success: \"border-success\",\n      },\n      size: {\n        xs: \"h-(--select-height-xs) px-(--select-padding-x-xs) text-xs gap-1.5\",\n        sm: \"h-(--select-height-sm) px-(--select-padding-x-sm) text-sm gap-2\",\n        md: \"h-(--select-height-md) px-(--select-padding-x-md) text-base gap-2.5\",\n        lg: \"h-(--select-height-lg) px-(--select-padding-x-lg) text-lg gap-3\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"max-w-full\",\n      },\n    },\n    defaultVariants: {\n      status: \"default\",\n      size: \"md\",\n      fullWidth: true,\n    },\n  },\n);\n\nconst selectOptionVariants = cva(\n  \"relative cursor-pointer select-none px-3 py-2 text-text-primary rounded-sm transition-colors\",\n  {\n    variants: {\n      selected: {\n        true: \"bg-slot-10 text-slot font-medium\",\n        false: \"hover:bg-surface\",\n      },\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      selected: false,\n      disabled: false,\n    },\n  },\n);\n\nconst selectGroupVariants = cva(\n  \"px-3 py-2 text-xs font-semibold text-text-secondary uppercase tracking-wider bg-surface/50\",\n);\n\nconst Select = React.memo<SelectProps>(\n  ({\n    size = \"md\",\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    options = [],\n    placeholder = \"Select an option\",\n    loading = false,\n    fullWidth = true,\n    value,\n    defaultValue,\n    onChange,\n    clearable = false,\n    disabled,\n    required,\n    virtualizeThreshold = 50,\n    maxDropdownHeight = 300,\n    className,\n    classNames,\n    ref,\n    ...props\n  }) => {\n    const [currentValue, setCurrentValue] = useControllable<string | number>({\n      value,\n      defaultValue: defaultValue ?? \"\",\n      onChange,\n    });\n\n    const {\n      // State\n      isOpen,\n      setIsOpen,\n      searchQuery,\n      setSearchQuery,\n      setHighlightedIndex,\n      highlightedIndex,\n      showTopArrow,\n      showBottomArrow,\n      // Refs\n      triggerRef,\n      inputRef,\n      scrollContainerRef,\n      // Computed\n      filteredOptions,\n      selectableOptions,\n      shouldVirtualize,\n      virtualizer,\n      // IDs & validation\n      labelId,\n      listboxId,\n      helperId,\n      status,\n      helperMessage,\n      // Handlers\n      handleInputChange,\n      handleInputClick,\n      handleScroll,\n      handleKeyDown,\n      handleKeyUp,\n      refCallback,\n    } = useSelectBase<SelectOption>({\n      options,\n      onSelectOption: (option) => handleSelect(option.value),\n      virtualizeThreshold,\n      maxDropdownHeight,\n      label,\n      idPrefix: \"select\",\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    });\n\n    const handleSelect = React.useCallback(\n      (optionValue: string | number) => {\n        setCurrentValue(optionValue);\n        setIsOpen(false);\n        setSearchQuery(\"\");\n        setHighlightedIndex(-1);\n      },\n      [setCurrentValue, setIsOpen, setSearchQuery, setHighlightedIndex],\n    );\n\n    const selectedOption = React.useMemo(\n      () => options.find((opt) => opt.value === currentValue),\n      [options, currentValue],\n    );\n    const displayValue = isOpen ? searchQuery : selectedOption?.label || \"\";\n\n    const handleClear = React.useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation();\n        setCurrentValue(\"\");\n        setSearchQuery(\"\");\n        setHighlightedIndex(-1);\n      },\n      [setCurrentValue, setSearchQuery, setHighlightedIndex],\n    );\n\n    const handleOptionClick = React.useCallback(\n      (optionValue: string | number) => {\n        handleSelect(optionValue);\n      },\n      [handleSelect],\n    );\n\n    const renderOptionsList = React.useMemo(\n      () => (\n        <div className=\"relative\">\n          {/* Top scroll indicator */}\n          <div className=\"flex items-center justify-center h-4\">\n            {showTopArrow && (\n              <ChevronUp className=\"size-4 text-text-primary animate-in fade-in duration-150\" />\n            )}\n          </div>\n\n          <div\n            ref={scrollContainerRef}\n            className=\"overflow-auto relative p-1\"\n            style={{ maxHeight: maxDropdownHeight }}\n            role=\"listbox\"\n            id={listboxId}\n            aria-labelledby={label ? labelId : undefined}\n            onScroll={handleScroll}\n          >\n            {!filteredOptions.length ? (\n              <div\n                data-slot=\"empty\"\n                className={cn(\n                  \"select_empty\",\n                  \"px-3 py-4 text-center text-sm text-text-secondary\",\n                  classNames?.empty,\n                )}\n              >\n                No options found\n              </div>\n            ) : shouldVirtualize ? (\n              <div\n                ref={refCallback}\n                style={{\n                  height: `${virtualizer.getTotalSize()}px`,\n                  width: \"100%\",\n                  position: \"relative\",\n                }}\n              >\n                {virtualizer.getVirtualItems().map((virtualItem) => {\n                  const item = filteredOptions[virtualItem.index];\n\n                  if (!item) return null;\n\n                  if (item.type === \"group\") {\n                    return (\n                      <div\n                        key={`group-${virtualItem.index}`}\n                        data-slot=\"group\"\n                        style={{\n                          position: \"absolute\",\n                          top: 0,\n                          left: 0,\n                          width: \"100%\",\n                          height: `${virtualItem.size}px`,\n                          transform: `translateY(${virtualItem.start}px)`,\n                        }}\n                        className={cn(\n                          \"select_group\",\n                          selectGroupVariants(),\n                          classNames?.group,\n                        )}\n                      >\n                        <span\n                          data-slot=\"groupLabel\"\n                          className={cn(\n                            \"select_groupLabel\",\n                            classNames?.groupLabel,\n                          )}\n                        >\n                          {item.data as string}\n                        </span>\n                      </div>\n                    );\n                  }\n\n                  const option = item.data as SelectOption;\n                  const isSelected = option.value === currentValue;\n                  const selectableIndex = selectableOptions.indexOf(\n                    item as FlattenedItem<SelectOption>,\n                  );\n                  const isHighlighted = selectableIndex === highlightedIndex;\n\n                  return (\n                    <div\n                      key={option.value}\n                      data-slot=\"option\"\n                      data-value={option.value}\n                      style={{\n                        position: \"absolute\",\n                        top: 0,\n                        left: 0,\n                        width: \"100%\",\n                        height: `${virtualItem.size}px`,\n                        transform: `translateY(${virtualItem.start}px)`,\n                      }}\n                      className={cn(\n                        \"select_option\",\n                        selectOptionVariants({\n                          selected: isSelected,\n                          disabled: !!option.disabled,\n                        }),\n                        isHighlighted && \"bg-surface\",\n                        classNames?.option,\n                        isSelected && classNames?.optionSelected,\n                      )}\n                      onClick={() =>\n                        !option.disabled && handleOptionClick(option.value)\n                      }\n                      role=\"option\"\n                      aria-selected={isSelected}\n                      aria-disabled={option.disabled}\n                    >\n                      {option.label}\n                      {isSelected && (\n                        <span className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n                          <Check\n                            className={cn(\n                              \"text-slot animate-in zoom-in-75 duration-150\",\n                              iconSizes[size],\n                            )}\n                          />\n                        </span>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            ) : (\n              <div>\n                {filteredOptions.map((item, index) => {\n                  if (item.type === \"group\") {\n                    return (\n                      <div\n                        key={`group-${index}`}\n                        data-slot=\"group\"\n                        className={cn(\n                          \"select_group\",\n                          selectGroupVariants(),\n                          classNames?.group,\n                        )}\n                      >\n                        <span\n                          data-slot=\"groupLabel\"\n                          className={cn(\n                            \"select_groupLabel\",\n                            classNames?.groupLabel,\n                          )}\n                        >\n                          {item.data as string}\n                        </span>\n                      </div>\n                    );\n                  }\n\n                  const option = item.data as SelectOption;\n                  const isSelected = option.value === currentValue;\n                  const selectableIndex = selectableOptions.indexOf(\n                    item as FlattenedItem<SelectOption>,\n                  );\n                  const isHighlighted = selectableIndex === highlightedIndex;\n\n                  return (\n                    <div\n                      key={option.value}\n                      data-slot=\"option\"\n                      data-value={option.value}\n                      data-option-index={index}\n                      className={cn(\n                        \"select_option\",\n                        selectOptionVariants({\n                          selected: isSelected,\n                          disabled: !!option.disabled,\n                        }),\n                        isHighlighted && \"bg-surface\",\n                        classNames?.option,\n                        isSelected && classNames?.optionSelected,\n                      )}\n                      onClick={() =>\n                        !option.disabled && handleOptionClick(option.value)\n                      }\n                      role=\"option\"\n                      aria-selected={isSelected}\n                      aria-disabled={option.disabled}\n                    >\n                      {option.label}\n                      {isSelected && (\n                        <span className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n                          <Check\n                            className={cn(\n                              \"text-slot animate-in zoom-in-75 duration-150\",\n                              iconSizes[size],\n                            )}\n                          />\n                        </span>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n\n          {/* Bottom scroll indicator */}\n          <div className=\"flex items-center justify-center h-4\">\n            {showBottomArrow && (\n              <ChevronDown className=\"size-4 text-text-primary animate-in fade-in duration-150\" />\n            )}\n          </div>\n        </div>\n      ),\n      [\n        showTopArrow,\n        showBottomArrow,\n        filteredOptions,\n        shouldVirtualize,\n        virtualizer,\n        currentValue,\n        selectableOptions,\n        highlightedIndex,\n        handleOptionClick,\n        maxDropdownHeight,\n        listboxId,\n        label,\n        labelId,\n        handleScroll,\n        refCallback,\n        classNames,\n        size,\n      ],\n    );\n\n    // Trigger button (used in both desktop and mobile)\n    const triggerButton = (\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        data-slot=\"trigger\"\n        className={cn(\n          \"select_trigger\",\n          selectTriggerVariants({ status, size, fullWidth }),\n          loading && \"opacity-50\",\n          className,\n          classNames?.trigger,\n        )}\n        disabled={disabled || loading}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        aria-controls={listboxId}\n        aria-labelledby={label ? labelId : undefined}\n        aria-describedby={helperMessage ? helperId : undefined}\n      >\n        <input\n          ref={inputRef}\n          type=\"text\"\n          data-slot=\"search\"\n          className={cn(\n            \"select_search\",\n            \"w-full text-ellipsis flex-1 bg-transparent outline-none cursor-pointer placeholder:text-text-secondary/50\",\n            classNames?.search,\n          )}\n          placeholder={placeholder}\n          value={displayValue}\n          onChange={handleInputChange}\n          onClick={handleInputClick}\n          onKeyDown={handleKeyDown}\n          onKeyUp={handleKeyUp}\n          disabled={disabled || loading}\n          readOnly={!isOpen}\n          tabIndex={0}\n          aria-autocomplete=\"list\"\n          aria-controls={isOpen ? listboxId : undefined}\n        />\n        <div\n          data-slot=\"triggerIcon\"\n          className={cn(\n            \"select_triggerIcon\",\n            \"flex items-center gap-1 text-text-secondary\",\n            classNames?.triggerIcon,\n          )}\n        >\n          {clearable && currentValue && !disabled && !loading && (\n            <span\n              role=\"button\"\n              tabIndex={-1}\n              onClick={handleClear}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault();\n                  handleClear(e as unknown as React.MouseEvent);\n                }\n              }}\n              className=\"hover:text-text-primary transition-colors cursor-pointer\"\n              aria-label=\"Clear selection\"\n            >\n              <X className={iconSizes[size]} />\n            </span>\n          )}\n          {loading ? (\n            <Spinner />\n          ) : (\n            <>\n              {isOpen ? (\n                <Search className={iconSizes[size]} />\n              ) : (\n                <ChevronDown className={iconSizes[size]} />\n              )}\n            </>\n          )}\n        </div>\n      </button>\n    );\n\n    const selectElement = (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          \"select_root\",\n          \"relative group\",\n          colorVars.primary,\n          fullWidth ? \"w-full\" : \"inline-block\",\n          classNames?.root,\n        )}\n        ref={ref}\n        {...props}\n      >\n        <Popover open={isOpen} onOpenChange={setIsOpen}>\n          <PopoverTrigger asChild>{triggerButton}</PopoverTrigger>\n\n          <PopoverContent\n            data-slot=\"dropdown\"\n            className={cn(\n              \"select_dropdown\",\n              \"p-0 w-[var(--radix-popover-trigger-width)]\",\n              classNames?.dropdown,\n            )}\n            align=\"start\"\n            onOpenAutoFocus={(e: Event) => {\n              e.preventDefault();\n              inputRef.current?.focus();\n            }}\n          >\n            {renderOptionsList}\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n\n    return (\n      <div className={cn(\"w-full flex flex-col\", !fullWidth && \"inline-block\")}>\n        <div className=\"flex gap-2 items-center\">\n          {label && (\n            <label\n              id={labelId}\n              data-slot=\"label\"\n              className={cn(\"select_label\", \"block mb-0.5\", classNames?.label)}\n            >\n              <span className=\"text-sm font-medium text-text-secondary\">\n                {label}\n                {required && <span className=\"text-error ml-1\">*</span>}\n              </span>\n            </label>\n          )}\n          {helperMessage && (\n            <p\n              id={helperId}\n              data-slot=\"helper\"\n              className={cn(\n                \"select_helper\",\n                statusMessageVariants({ status }),\n                classNames?.helper,\n              )}\n            >\n              {helperMessage}\n            </p>\n          )}\n        </div>\n        {selectElement}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n\nexport type * from \"./types\";\nexport default Select;\n"]}

package/dist/chunk-ED4CQZ72.js

@@ -0,0 +1,343 @@
+import { useMenuNavigation } from './chunk-NZHKNUGE.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
+import { cn } from './chunk-RAS6HUEI.js';
+import React, { useState, useMemo, useCallback, useEffect } from 'react';
+import { ChevronRight, Check, Circle } from 'lucide-react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var ITEM_CLASS = "menubar_item relative flex items-center gap-2 px-3 py-1.5 text-sm cursor-pointer transition-colors last:rounded-b-sm first:rounded-t-sm";
+var MenuItems = React.memo(
+  ({ items, classNames, onItemClick, onClose }) => {
+    const [activeSubmenu, setActiveSubmenu] = useState(null);
+    const hasAnyIcon = useMemo(
+      () => items.some(
+        (item) => !item.separator && item.type !== "label" && (item.icon || item.type === "checkbox" || item.type === "radio")
+      ),
+      [items]
+    );
+    const enabledIndices = useMemo(
+      () => items.map(
+        (item, i) => !item.separator && item.type !== "label" && !item.disabled ? i : -1
+      ).filter((i) => i !== -1),
+      [items]
+    );
+    const onMenuSelect = useCallback(
+      (index) => {
+        const item = items[index];
+        if (!item || item.children && item.children.length > 0) return;
+        onItemClick(item);
+      },
+      [items, onItemClick]
+    );
+    const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation({
+      enabledIndices,
+      isOpen: true,
+      onClose,
+      onSelect: onMenuSelect
+    });
+    useEffect(() => {
+      highlightFirst();
+    }, [highlightFirst]);
+    useEffect(() => {
+      const listener = (e) => {
+        handleKeyDown(e);
+        e.stopImmediatePropagation();
+      };
+      document.addEventListener("keydown", listener);
+      return () => document.removeEventListener("keydown", listener);
+    }, [handleKeyDown]);
+    return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, idx) => {
+      if (item.separator) {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "separator",
+            className: cn(
+              "menubar_separator h-px bg-border my-1 -mx-1",
+              classNames?.separator
+            ),
+            role: "separator"
+          },
+          item.key || `separator-${idx}`
+        );
+      }
+      if (item.type === "label") {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "label",
+            className: cn(
+              "menubar_label px-3 py-1.5 text-xs font-semibold text-text-secondary mx-1",
+              classNames?.label
+            ),
+            role: "presentation",
+            children: item.label
+          },
+          item.key
+        );
+      }
+      const isCheckboxOrRadio = item.type === "checkbox" || item.type === "radio";
+      const hasChildren = item.children && item.children.length > 0;
+      const isFocused = highlightedIndex === idx;
+      if (hasChildren) {
+        return /* @__PURE__ */ jsxs(
+          Popover,
+          {
+            open: activeSubmenu === item.key,
+            onOpenChange: (open) => setActiveSubmenu(open ? item.key : null),
+            children: [
+              /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-slot": "item",
+                  className: cn(
+                    ITEM_CLASS,
+                    item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
+                    isFocused && !item.disabled && "bg-surface",
+                    classNames?.item
+                  ),
+                  role: "menuitem",
+                  "aria-disabled": item.disabled,
+                  "aria-haspopup": "menu",
+                  tabIndex: item.disabled ? -1 : 0,
+                  onMouseEnter: () => !item.disabled && setActiveSubmenu(item.key),
+                  children: [
+                    item.icon ? /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }) : hasAnyIcon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+                    /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 ml-2 shrink-0" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                PopoverContent,
+                {
+                  side: "right",
+                  align: "start",
+                  "data-slot": "submenu",
+                  className: cn(
+                    "menubar_submenu min-w-[200px] w-auto p-1 rounded-md",
+                    classNames?.submenu
+                  ),
+                  onOpenAutoFocus: (e) => e.preventDefault(),
+                  onCloseAutoFocus: (e) => e.preventDefault(),
+                  children: /* @__PURE__ */ jsx(
+                    MenuItems,
+                    {
+                      items: item.children,
+                      classNames,
+                      onItemClick,
+                      onClose
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          item.key
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-slot": "item",
+          className: cn(
+            ITEM_CLASS,
+            item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
+            isFocused && !item.disabled && "bg-surface",
+            isCheckboxOrRadio && classNames?.checkboxItem,
+            item.type === "radio" && classNames?.radioItem,
+            classNames?.item
+          ),
+          role: item.type === "checkbox" ? "menuitemcheckbox" : item.type === "radio" ? "menuitemradio" : "menuitem",
+          "aria-disabled": item.disabled,
+          "aria-checked": isCheckboxOrRadio ? item.checked : void 0,
+          tabIndex: item.disabled ? -1 : 0,
+          onClick: () => !item.disabled && onItemClick(item),
+          children: [
+            isCheckboxOrRadio && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.checked && /* @__PURE__ */ jsxs(Fragment, { children: [
+              item.type === "checkbox" && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4" }),
+              item.type === "radio" && /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4 fill-current" })
+            ] }) }),
+            !isCheckboxOrRadio && (item.icon ? /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }) : hasAnyIcon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0" })),
+            /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+            item.shortcut && /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "shortcut",
+                className: cn(
+                  "menubar_shortcut text-xs text-text-secondary ml-auto",
+                  classNames?.shortcut
+                ),
+                children: item.shortcut
+              }
+            )
+          ]
+        },
+        item.key
+      );
+    }) });
+  }
+);
+MenuItems.displayName = "MenuItems";
+var Menubar = React.memo(
+  ({ menus, className, classNames, ref }) => {
+    const [activeMenu, setActiveMenu] = useState(null);
+    const [hoverMode, setHoverMode] = useState(false);
+    const handleMenuClick = useCallback(
+      (menuKey, disabled) => {
+        if (disabled) return;
+        setActiveMenu((prev) => prev === menuKey ? null : menuKey);
+        setHoverMode(true);
+      },
+      []
+    );
+    const handleMenuHover = useCallback(
+      (menuKey, disabled) => {
+        if (disabled) return;
+        if (hoverMode && activeMenu !== null) {
+          setActiveMenu(menuKey);
+        }
+      },
+      [hoverMode, activeMenu]
+    );
+    const handleClose = useCallback(() => {
+      setActiveMenu(null);
+      setHoverMode(false);
+    }, []);
+    const handleItemClick = useCallback(
+      (item) => {
+        if (item.type === "checkbox") {
+          item.onCheckedChange?.(!item.checked);
+        } else if (item.type === "radio") {
+          item.onCheckedChange?.(true);
+        } else {
+          item.onClick?.();
+        }
+        if (item.type !== "checkbox" && item.type !== "radio") {
+          handleClose();
+        }
+      },
+      [handleClose]
+    );
+    useEffect(() => {
+      if (!activeMenu) return;
+      const handler = (e) => {
+        const currentIndex = menus.findIndex((m) => m.key === activeMenu);
+        if (e.key === "ArrowRight") {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+          let next = (currentIndex + 1) % menus.length;
+          let attempts = 0;
+          while (attempts < menus.length && menus[next]?.disabled) {
+            next = (next + 1) % menus.length;
+            attempts++;
+          }
+          const nextMenu = menus[next];
+          if (attempts < menus.length && nextMenu && !nextMenu.disabled) {
+            setActiveMenu(nextMenu.key);
+          }
+        } else if (e.key === "ArrowLeft") {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+          let prev = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1;
+          let attempts = 0;
+          while (attempts < menus.length && menus[prev]?.disabled) {
+            prev = prev - 1 < 0 ? menus.length - 1 : prev - 1;
+            attempts++;
+          }
+          const prevMenu = menus[prev];
+          if (attempts < menus.length && prevMenu && !prevMenu.disabled) {
+            setActiveMenu(prevMenu.key);
+          }
+        }
+      };
+      document.addEventListener("keydown", handler);
+      return () => document.removeEventListener("keydown", handler);
+    }, [activeMenu, menus]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "root",
+        className: cn(
+          "menubar_root flex items-center gap-1 px-2 py-1 bg-background border-b border-border",
+          className,
+          classNames?.root
+        ),
+        role: "menubar",
+        children: menus.map((menu) => /* @__PURE__ */ jsxs(
+          Popover,
+          {
+            open: activeMenu === menu.key,
+            onOpenChange: (open) => {
+              if (open) {
+                setActiveMenu(menu.key);
+                setHoverMode(true);
+              } else {
+                handleClose();
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  "data-slot": "trigger",
+                  className: cn(
+                    "menubar_trigger px-3 py-1.5 text-sm rounded-sm transition-colors",
+                    menu.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
+                    activeMenu === menu.key && "bg-surface",
+                    classNames?.trigger
+                  ),
+                  role: "menuitem",
+                  "aria-haspopup": "menu",
+                  "aria-expanded": activeMenu === menu.key,
+                  "aria-disabled": menu.disabled,
+                  onClick: () => handleMenuClick(menu.key, menu.disabled),
+                  onMouseEnter: () => handleMenuHover(menu.key, menu.disabled),
+                  children: menu.label
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                PopoverContent,
+                {
+                  side: "bottom",
+                  align: "start",
+                  sideOffset: 2,
+                  "data-slot": "content",
+                  className: cn(
+                    "menubar_content min-w-[200px] w-auto p-1 rounded-md",
+                    classNames?.content
+                  ),
+                  onOpenAutoFocus: (e) => e.preventDefault(),
+                  onCloseAutoFocus: (e) => e.preventDefault(),
+                  onPointerDownOutside: (e) => {
+                    const target = e.target;
+                    if (target.closest('[data-slot="root"]')) {
+                      e.preventDefault();
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    MenuItems,
+                    {
+                      items: menu.items,
+                      classNames,
+                      onItemClick: handleItemClick,
+                      onClose: handleClose
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          menu.key
+        ))
+      }
+    );
+  }
+);
+Menubar.displayName = "Menubar";
+var menubar_default = Menubar;
+
+export { menubar_default };
+//# sourceMappingURL=chunk-ED4CQZ72.js.map
+//# sourceMappingURL=chunk-ED4CQZ72.js.map