aura-glass/dist/esm/components/interactive/GlassMentionList.js

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

'use client';
import { jsx, jsxs } from 'react/jsx-runtime';
import '../../primitives/GlassCore.js';
import '../../primitives/glass/GlassAdvanced.js';
import { OptimizedGlassCore } from '../../primitives/OptimizedGlassCore.js';
import '../../primitives/glass/OptimizedGlassAdvanced.js';
import '../../primitives/MotionNative.js';
import '../../primitives/motion/MotionFramer.js';
import { cn } from '../../lib/utilsComprehensive.js';

function GlassMentionList({
  items: incomingItems = [],
  onSelect = () => {},
  className
}) {
  const items = Array.isArray(incomingItems) ? incomingItems : [];
  return jsx(OptimizedGlassCore, {
    "data-glass-component": true,
    elevation: "level2",
    className: cn("glass-radius-lg glass-p-1 border border-white/15", className),
    children: jsx("ul", {
      className: 'max-h-60 overflow-auto',
      children: items.length === 0 ? jsx("li", {
        className: "glass-text-sm glass-text-secondary glass-py-3 text-center",
        children: "No mentions available."
      }) : items.map(it => jsx("li", {
        children: jsxs("button", {
          onClick: () => onSelect(it.id),
          className: 'glass-w-full text-left glass-px-3 glass-py-2 glass-radius-md hover:glass-surface-subtle/10 glass-focus glass-touch-target',
          children: [jsx("div", {
            className: 'glass-text-sm text-primary',
            children: it.label
          }), it.meta && jsx("div", {
            className: 'glass-text-xs text-primary/60',
            children: it.meta
          })]
        })
      }, it.id))
    })
  });
}

export { GlassMentionList, GlassMentionList as default };
//# sourceMappingURL=GlassMentionList.js.map