@hanzo/ui 5.3.35 → 5.3.38

package/dist/desktop/spotlight.js

@@ -1,261 +1,2 @@
 "use client";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var lucideReact = require('lucide-react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-var categoryIcons = {
-  "Applications": /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Folder, { className: "w-4 h-4" }),
-  "Files": /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-4 h-4" }),
-  "Settings": /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-4 h-4" }),
-  "Actions": /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Command, { className: "w-4 h-4" })
-};
-var Spotlight = /* @__PURE__ */ __name(({
-  isOpen,
-  onClose,
-  items = [],
-  onSelect,
-  placeholder = "Search...",
-  className,
-  maxResults = 8,
-  categories,
-  renderItem
-}) => {
-  const [query, setQuery] = React__namespace.useState("");
-  const [selectedIndex, setSelectedIndex] = React__namespace.useState(0);
-  const inputRef = React__namespace.useRef(null);
-  const filteredItems = React__namespace.useMemo(() => {
-    if (!query.trim()) {
-      return items.slice(0, maxResults);
-    }
-    const lowerQuery = query.toLowerCase();
-    return items.filter((item) => {
-      const matchesTitle = item.title.toLowerCase().includes(lowerQuery);
-      const matchesSubtitle = item.subtitle?.toLowerCase().includes(lowerQuery);
-      const matchesKeywords = item.keywords?.some((k) => k.toLowerCase().includes(lowerQuery));
-      const matchesCategory = item.category?.toLowerCase().includes(lowerQuery);
-      return matchesTitle || matchesSubtitle || matchesKeywords || matchesCategory;
-    }).slice(0, maxResults);
-  }, [items, query, maxResults]);
-  const groupedItems = React__namespace.useMemo(() => {
-    const groups = {};
-    const orderedCategories = categories || [];
-    filteredItems.forEach((item) => {
-      const category = item.category || "Results";
-      if (!groups[category]) {
-        groups[category] = [];
-      }
-      groups[category].push(item);
-    });
-    if (orderedCategories.length > 0) {
-      const sortedGroups = {};
-      orderedCategories.forEach((cat) => {
-        if (groups[cat]) {
-          sortedGroups[cat] = groups[cat];
-        }
-      });
-      Object.keys(groups).forEach((cat) => {
-        if (!sortedGroups[cat]) {
-          sortedGroups[cat] = groups[cat];
-        }
-      });
-      return sortedGroups;
-    }
-    return groups;
-  }, [filteredItems, categories]);
-  const flatItems = Object.values(groupedItems).flat();
-  React__namespace.useEffect(() => {
-    setSelectedIndex(0);
-  }, [query]);
-  React__namespace.useEffect(() => {
-    if (isOpen) {
-      setQuery("");
-      setSelectedIndex(0);
-      requestAnimationFrame(() => {
-        inputRef.current?.focus();
-      });
-    }
-  }, [isOpen]);
-  React__namespace.useEffect(() => {
-    if (!isOpen) return;
-    const handleKeyDown = /* @__PURE__ */ __name((e) => {
-      switch (e.key) {
-        case "ArrowDown":
-          e.preventDefault();
-          setSelectedIndex((prev) => Math.min(prev + 1, flatItems.length - 1));
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          setSelectedIndex((prev) => Math.max(prev - 1, 0));
-          break;
-        case "Enter":
-          e.preventDefault();
-          const selectedItem = flatItems[selectedIndex];
-          if (selectedItem) {
-            selectedItem.action?.();
-            onSelect?.(selectedItem);
-            onClose();
-          }
-          break;
-        case "Escape":
-          e.preventDefault();
-          onClose();
-          break;
-      }
-    }, "handleKeyDown");
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, flatItems, selectedIndex, onSelect, onClose]);
-  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        onClick: onClose,
-        className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-[9999]"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      framerMotion.motion.div,
-      {
-        initial: { opacity: 0, scale: 0.95, y: -20 },
-        animate: { opacity: 1, scale: 1, y: 0 },
-        exit: { opacity: 0, scale: 0.95, y: -20 },
-        transition: { type: "spring", damping: 25, stiffness: 300 },
-        className: cn(
-          "fixed left-1/2 top-[15%] -translate-x-1/2 w-full max-w-xl z-[10000]",
-          "bg-gray-900/95 border border-white/10 rounded-2xl shadow-2xl backdrop-blur-xl overflow-hidden",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-white/10", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "w-5 h-5 text-white/50" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                ref: inputRef,
-                type: "text",
-                value: query,
-                onChange: (e) => setQuery(e.target.value),
-                placeholder,
-                className: "flex-1 bg-transparent text-white text-lg outline-none placeholder:text-white/40"
-              }
-            ),
-            query && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: () => setQuery(""),
-                className: "p-1 hover:bg-white/10 rounded transition-colors",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4 text-white/50" })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "px-2 py-0.5 bg-white/10 rounded text-xs text-white/50", children: "ESC" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[50vh] overflow-y-auto", children: flatItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-8 text-center text-white/50", children: [
-            'No results found for "',
-            query,
-            '"'
-          ] }) : Object.entries(groupedItems).map(([category, categoryItems]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 text-xs font-medium text-white/40 uppercase tracking-wider bg-white/5", children: category }),
-            categoryItems.map((item) => {
-              const itemIndex = flatItems.indexOf(item);
-              const isSelected = itemIndex === selectedIndex;
-              if (renderItem) {
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    onClick: () => {
-                      item.action?.();
-                      onSelect?.(item);
-                      onClose();
-                    },
-                    children: renderItem(item, isSelected)
-                  },
-                  item.id
-                );
-              }
-              return /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  onClick: () => {
-                    item.action?.();
-                    onSelect?.(item);
-                    onClose();
-                  },
-                  className: cn(
-                    "flex items-center gap-3 px-4 py-2.5 cursor-pointer transition-colors",
-                    isSelected ? "bg-blue-500/20" : "hover:bg-white/5"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center", children: item.icon || categoryIcons[category] || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "w-4 h-4 text-white/70" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-white truncate", children: item.title }),
-                      item.subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-white/50 truncate", children: item.subtitle })
-                    ] }),
-                    isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "w-4 h-4 text-white/50" })
-                  ]
-                },
-                item.id
-              );
-            })
-          ] }, category)) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-white/10 text-xs text-white/40", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u2191" }),
-                /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u2193" }),
-                "to navigate"
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u23CE" }),
-                "to select"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Command, { className: "w-3 h-3" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "+ Space to open" })
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}, "Spotlight");
-var spotlight_default = Spotlight;
-
-exports.Spotlight = Spotlight;
-exports.default = spotlight_default;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var n=require('react'),framerMotion=require('framer-motion'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var n__namespace=/*#__PURE__*/_interopNamespace(n);var P=Object.defineProperty;var m=(o,c)=>P(o,"name",{value:c,configurable:true});function b(...o){return tailwindMerge.twMerge(clsx.clsx(o))}m(b,"cn");var z={Applications:jsxRuntime.jsx(lucideReact.Folder,{className:"w-4 h-4"}),Files:jsxRuntime.jsx(lucideReact.FileText,{className:"w-4 h-4"}),Settings:jsxRuntime.jsx(lucideReact.Settings,{className:"w-4 h-4"}),Actions:jsxRuntime.jsx(lucideReact.Command,{className:"w-4 h-4"})},Q=m(({isOpen:o,onClose:c,items:f=[],onSelect:u,placeholder:E="Search...",className:L,maxResults:x=8,categories:v,renderItem:y})=>{let[l,g]=n__namespace.useState(""),[w,h]=n__namespace.useState(0),N=n__namespace.useRef(null),k=n__namespace.useMemo(()=>{if(!l.trim())return f.slice(0,x);let s=l.toLowerCase();return f.filter(r=>{let e=r.title.toLowerCase().includes(s),a=r.subtitle?.toLowerCase().includes(s),p=r.keywords?.some(D=>D.toLowerCase().includes(s)),A=r.category?.toLowerCase().includes(s);return e||a||p||A}).slice(0,x)},[f,l,x]),R=n__namespace.useMemo(()=>{let s={},r=v||[];if(k.forEach(e=>{let a=e.category||"Results";s[a]||(s[a]=[]),s[a].push(e);}),r.length>0){let e={};return r.forEach(a=>{s[a]&&(e[a]=s[a]);}),Object.keys(s).forEach(a=>{e[a]||(e[a]=s[a]);}),e}return s},[k,v]),d=Object.values(R).flat();return n__namespace.useEffect(()=>{h(0);},[l]),n__namespace.useEffect(()=>{o&&(g(""),h(0),requestAnimationFrame(()=>{N.current?.focus();}));},[o]),n__namespace.useEffect(()=>{if(!o)return;let s=m(r=>{switch(r.key){case "ArrowDown":r.preventDefault(),h(a=>Math.min(a+1,d.length-1));break;case "ArrowUp":r.preventDefault(),h(a=>Math.max(a-1,0));break;case "Enter":r.preventDefault();let e=d[w];e&&(e.action?.(),u?.(e),c());break;case "Escape":r.preventDefault(),c();break}},"handleKeyDown");return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[o,d,w,u,c]),jsxRuntime.jsx(framerMotion.AnimatePresence,{children:o&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:c,className:"fixed inset-0 bg-black/50 backdrop-blur-sm z-[9999]"}),jsxRuntime.jsxs(framerMotion.motion.div,{initial:{opacity:0,scale:.95,y:-20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:-20},transition:{type:"spring",damping:25,stiffness:300},className:b("fixed left-1/2 top-[15%] -translate-x-1/2 w-full max-w-xl z-[10000]","bg-gray-900/95 border border-white/10 rounded-2xl shadow-2xl backdrop-blur-xl overflow-hidden",L),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-3 px-4 py-3 border-b border-white/10",children:[jsxRuntime.jsx(lucideReact.Search,{className:"w-5 h-5 text-white/50"}),jsxRuntime.jsx("input",{ref:N,type:"text",value:l,onChange:s=>g(s.target.value),placeholder:E,className:"flex-1 bg-transparent text-white text-lg outline-none placeholder:text-white/40"}),l&&jsxRuntime.jsx("button",{onClick:()=>g(""),className:"p-1 hover:bg-white/10 rounded transition-colors",children:jsxRuntime.jsx(lucideReact.X,{className:"w-4 h-4 text-white/50"})}),jsxRuntime.jsx("kbd",{className:"px-2 py-0.5 bg-white/10 rounded text-xs text-white/50",children:"ESC"})]}),jsxRuntime.jsx("div",{className:"max-h-[50vh] overflow-y-auto",children:d.length===0?jsxRuntime.jsxs("div",{className:"px-4 py-8 text-center text-white/50",children:['No results found for "',l,'"']}):Object.entries(R).map(([s,r])=>jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"px-4 py-2 text-xs font-medium text-white/40 uppercase tracking-wider bg-white/5",children:s}),r.map(e=>{let p=d.indexOf(e)===w;return y?jsxRuntime.jsx("div",{onClick:()=>{e.action?.(),u?.(e),c();},children:y(e,p)},e.id):jsxRuntime.jsxs("div",{onClick:()=>{e.action?.(),u?.(e),c();},className:b("flex items-center gap-3 px-4 py-2.5 cursor-pointer transition-colors",p?"bg-blue-500/20":"hover:bg-white/5"),children:[jsxRuntime.jsx("div",{className:"w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center",children:e.icon||z[s]||jsxRuntime.jsx(lucideReact.FileText,{className:"w-4 h-4 text-white/70"})}),jsxRuntime.jsxs("div",{className:"flex-1 min-w-0",children:[jsxRuntime.jsx("div",{className:"text-sm font-medium text-white truncate",children:e.title}),e.subtitle&&jsxRuntime.jsx("div",{className:"text-xs text-white/50 truncate",children:e.subtitle})]}),p&&jsxRuntime.jsx(lucideReact.ArrowRight,{className:"w-4 h-4 text-white/50"})]},e.id)})]},s))}),jsxRuntime.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-t border-white/10 text-xs text-white/40",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-4",children:[jsxRuntime.jsxs("span",{className:"flex items-center gap-1",children:[jsxRuntime.jsx("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded",children:"\u2191"}),jsxRuntime.jsx("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded",children:"\u2193"}),"to navigate"]}),jsxRuntime.jsxs("span",{className:"flex items-center gap-1",children:[jsxRuntime.jsx("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded",children:"\u23CE"}),"to select"]})]}),jsxRuntime.jsxs("span",{className:"flex items-center gap-1",children:[jsxRuntime.jsx(lucideReact.Command,{className:"w-3 h-3"}),jsxRuntime.jsx("span",{children:"+ Space to open"})]})]})]})]})})},"Spotlight"),Y=Q;exports.Spotlight=Q;exports.default=Y;

package/dist/desktop/spotlight.mjs

@@ -1,236 +1,2 @@
 "use client";
-import * as React from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { Search, X, FileText, ArrowRight, Command, Settings, Folder } from 'lucide-react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-var categoryIcons = {
-  "Applications": /* @__PURE__ */ jsx(Folder, { className: "w-4 h-4" }),
-  "Files": /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4" }),
-  "Settings": /* @__PURE__ */ jsx(Settings, { className: "w-4 h-4" }),
-  "Actions": /* @__PURE__ */ jsx(Command, { className: "w-4 h-4" })
-};
-var Spotlight = /* @__PURE__ */ __name(({
-  isOpen,
-  onClose,
-  items = [],
-  onSelect,
-  placeholder = "Search...",
-  className,
-  maxResults = 8,
-  categories,
-  renderItem
-}) => {
-  const [query, setQuery] = React.useState("");
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const inputRef = React.useRef(null);
-  const filteredItems = React.useMemo(() => {
-    if (!query.trim()) {
-      return items.slice(0, maxResults);
-    }
-    const lowerQuery = query.toLowerCase();
-    return items.filter((item) => {
-      const matchesTitle = item.title.toLowerCase().includes(lowerQuery);
-      const matchesSubtitle = item.subtitle?.toLowerCase().includes(lowerQuery);
-      const matchesKeywords = item.keywords?.some((k) => k.toLowerCase().includes(lowerQuery));
-      const matchesCategory = item.category?.toLowerCase().includes(lowerQuery);
-      return matchesTitle || matchesSubtitle || matchesKeywords || matchesCategory;
-    }).slice(0, maxResults);
-  }, [items, query, maxResults]);
-  const groupedItems = React.useMemo(() => {
-    const groups = {};
-    const orderedCategories = categories || [];
-    filteredItems.forEach((item) => {
-      const category = item.category || "Results";
-      if (!groups[category]) {
-        groups[category] = [];
-      }
-      groups[category].push(item);
-    });
-    if (orderedCategories.length > 0) {
-      const sortedGroups = {};
-      orderedCategories.forEach((cat) => {
-        if (groups[cat]) {
-          sortedGroups[cat] = groups[cat];
-        }
-      });
-      Object.keys(groups).forEach((cat) => {
-        if (!sortedGroups[cat]) {
-          sortedGroups[cat] = groups[cat];
-        }
-      });
-      return sortedGroups;
-    }
-    return groups;
-  }, [filteredItems, categories]);
-  const flatItems = Object.values(groupedItems).flat();
-  React.useEffect(() => {
-    setSelectedIndex(0);
-  }, [query]);
-  React.useEffect(() => {
-    if (isOpen) {
-      setQuery("");
-      setSelectedIndex(0);
-      requestAnimationFrame(() => {
-        inputRef.current?.focus();
-      });
-    }
-  }, [isOpen]);
-  React.useEffect(() => {
-    if (!isOpen) return;
-    const handleKeyDown = /* @__PURE__ */ __name((e) => {
-      switch (e.key) {
-        case "ArrowDown":
-          e.preventDefault();
-          setSelectedIndex((prev) => Math.min(prev + 1, flatItems.length - 1));
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          setSelectedIndex((prev) => Math.max(prev - 1, 0));
-          break;
-        case "Enter":
-          e.preventDefault();
-          const selectedItem = flatItems[selectedIndex];
-          if (selectedItem) {
-            selectedItem.action?.();
-            onSelect?.(selectedItem);
-            onClose();
-          }
-          break;
-        case "Escape":
-          e.preventDefault();
-          onClose();
-          break;
-      }
-    }, "handleKeyDown");
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, flatItems, selectedIndex, onSelect, onClose]);
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        onClick: onClose,
-        className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-[9999]"
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        initial: { opacity: 0, scale: 0.95, y: -20 },
-        animate: { opacity: 1, scale: 1, y: 0 },
-        exit: { opacity: 0, scale: 0.95, y: -20 },
-        transition: { type: "spring", damping: 25, stiffness: 300 },
-        className: cn(
-          "fixed left-1/2 top-[15%] -translate-x-1/2 w-full max-w-xl z-[10000]",
-          "bg-gray-900/95 border border-white/10 rounded-2xl shadow-2xl backdrop-blur-xl overflow-hidden",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-white/10", children: [
-            /* @__PURE__ */ jsx(Search, { className: "w-5 h-5 text-white/50" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: inputRef,
-                type: "text",
-                value: query,
-                onChange: (e) => setQuery(e.target.value),
-                placeholder,
-                className: "flex-1 bg-transparent text-white text-lg outline-none placeholder:text-white/40"
-              }
-            ),
-            query && /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: () => setQuery(""),
-                className: "p-1 hover:bg-white/10 rounded transition-colors",
-                children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4 text-white/50" })
-              }
-            ),
-            /* @__PURE__ */ jsx("kbd", { className: "px-2 py-0.5 bg-white/10 rounded text-xs text-white/50", children: "ESC" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "max-h-[50vh] overflow-y-auto", children: flatItems.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "px-4 py-8 text-center text-white/50", children: [
-            'No results found for "',
-            query,
-            '"'
-          ] }) : Object.entries(groupedItems).map(([category, categoryItems]) => /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "px-4 py-2 text-xs font-medium text-white/40 uppercase tracking-wider bg-white/5", children: category }),
-            categoryItems.map((item) => {
-              const itemIndex = flatItems.indexOf(item);
-              const isSelected = itemIndex === selectedIndex;
-              if (renderItem) {
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    onClick: () => {
-                      item.action?.();
-                      onSelect?.(item);
-                      onClose();
-                    },
-                    children: renderItem(item, isSelected)
-                  },
-                  item.id
-                );
-              }
-              return /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  onClick: () => {
-                    item.action?.();
-                    onSelect?.(item);
-                    onClose();
-                  },
-                  className: cn(
-                    "flex items-center gap-3 px-4 py-2.5 cursor-pointer transition-colors",
-                    isSelected ? "bg-blue-500/20" : "hover:bg-white/5"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center", children: item.icon || categoryIcons[category] || /* @__PURE__ */ jsx(FileText, { className: "w-4 h-4 text-white/70" }) }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-white truncate", children: item.title }),
-                      item.subtitle && /* @__PURE__ */ jsx("div", { className: "text-xs text-white/50 truncate", children: item.subtitle })
-                    ] }),
-                    isSelected && /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4 text-white/50" })
-                  ]
-                },
-                item.id
-              );
-            })
-          ] }, category)) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-white/10 text-xs text-white/40", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u2191" }),
-                /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u2193" }),
-                "to navigate"
-              ] }),
-              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u23CE" }),
-                "to select"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Command, { className: "w-3 h-3" }),
-              /* @__PURE__ */ jsx("span", { children: "+ Space to open" })
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}, "Spotlight");
-var spotlight_default = Spotlight;
-
-export { Spotlight, spotlight_default as default };
+import*as n from'react';import {AnimatePresence,motion}from'framer-motion';import {Command,Settings,FileText,Folder,Search,X,ArrowRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var P=Object.defineProperty;var m=(o,c)=>P(o,"name",{value:c,configurable:true});function b(...o){return twMerge(clsx(o))}m(b,"cn");var z={Applications:jsx(Folder,{className:"w-4 h-4"}),Files:jsx(FileText,{className:"w-4 h-4"}),Settings:jsx(Settings,{className:"w-4 h-4"}),Actions:jsx(Command,{className:"w-4 h-4"})},Q=m(({isOpen:o,onClose:c,items:f=[],onSelect:u,placeholder:E="Search...",className:L,maxResults:x=8,categories:v,renderItem:y})=>{let[l,g]=n.useState(""),[w,h]=n.useState(0),N=n.useRef(null),k=n.useMemo(()=>{if(!l.trim())return f.slice(0,x);let s=l.toLowerCase();return f.filter(r=>{let e=r.title.toLowerCase().includes(s),a=r.subtitle?.toLowerCase().includes(s),p=r.keywords?.some(D=>D.toLowerCase().includes(s)),A=r.category?.toLowerCase().includes(s);return e||a||p||A}).slice(0,x)},[f,l,x]),R=n.useMemo(()=>{let s={},r=v||[];if(k.forEach(e=>{let a=e.category||"Results";s[a]||(s[a]=[]),s[a].push(e);}),r.length>0){let e={};return r.forEach(a=>{s[a]&&(e[a]=s[a]);}),Object.keys(s).forEach(a=>{e[a]||(e[a]=s[a]);}),e}return s},[k,v]),d=Object.values(R).flat();return n.useEffect(()=>{h(0);},[l]),n.useEffect(()=>{o&&(g(""),h(0),requestAnimationFrame(()=>{N.current?.focus();}));},[o]),n.useEffect(()=>{if(!o)return;let s=m(r=>{switch(r.key){case "ArrowDown":r.preventDefault(),h(a=>Math.min(a+1,d.length-1));break;case "ArrowUp":r.preventDefault(),h(a=>Math.max(a-1,0));break;case "Enter":r.preventDefault();let e=d[w];e&&(e.action?.(),u?.(e),c());break;case "Escape":r.preventDefault(),c();break}},"handleKeyDown");return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[o,d,w,u,c]),jsx(AnimatePresence,{children:o&&jsxs(Fragment,{children:[jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:c,className:"fixed inset-0 bg-black/50 backdrop-blur-sm z-[9999]"}),jsxs(motion.div,{initial:{opacity:0,scale:.95,y:-20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:-20},transition:{type:"spring",damping:25,stiffness:300},className:b("fixed left-1/2 top-[15%] -translate-x-1/2 w-full max-w-xl z-[10000]","bg-gray-900/95 border border-white/10 rounded-2xl shadow-2xl backdrop-blur-xl overflow-hidden",L),children:[jsxs("div",{className:"flex items-center gap-3 px-4 py-3 border-b border-white/10",children:[jsx(Search,{className:"w-5 h-5 text-white/50"}),jsx("input",{ref:N,type:"text",value:l,onChange:s=>g(s.target.value),placeholder:E,className:"flex-1 bg-transparent text-white text-lg outline-none placeholder:text-white/40"}),l&&jsx("button",{onClick:()=>g(""),className:"p-1 hover:bg-white/10 rounded transition-colors",children:jsx(X,{className:"w-4 h-4 text-white/50"})}),jsx("kbd",{className:"px-2 py-0.5 bg-white/10 rounded text-xs text-white/50",children:"ESC"})]}),jsx("div",{className:"max-h-[50vh] overflow-y-auto",children:d.length===0?jsxs("div",{className:"px-4 py-8 text-center text-white/50",children:['No results found for "',l,'"']}):Object.entries(R).map(([s,r])=>jsxs("div",{children:[jsx("div",{className:"px-4 py-2 text-xs font-medium text-white/40 uppercase tracking-wider bg-white/5",children:s}),r.map(e=>{let p=d.indexOf(e)===w;return y?jsx("div",{onClick:()=>{e.action?.(),u?.(e),c();},children:y(e,p)},e.id):jsxs("div",{onClick:()=>{e.action?.(),u?.(e),c();},className:b("flex items-center gap-3 px-4 py-2.5 cursor-pointer transition-colors",p?"bg-blue-500/20":"hover:bg-white/5"),children:[jsx("div",{className:"w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center",children:e.icon||z[s]||jsx(FileText,{className:"w-4 h-4 text-white/70"})}),jsxs("div",{className:"flex-1 min-w-0",children:[jsx("div",{className:"text-sm font-medium text-white truncate",children:e.title}),e.subtitle&&jsx("div",{className:"text-xs text-white/50 truncate",children:e.subtitle})]}),p&&jsx(ArrowRight,{className:"w-4 h-4 text-white/50"})]},e.id)})]},s))}),jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-t border-white/10 text-xs text-white/40",children:[jsxs("div",{className:"flex items-center gap-4",children:[jsxs("span",{className:"flex items-center gap-1",children:[jsx("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded",children:"\u2191"}),jsx("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded",children:"\u2193"}),"to navigate"]}),jsxs("span",{className:"flex items-center gap-1",children:[jsx("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded",children:"\u23CE"}),"to select"]})]}),jsxs("span",{className:"flex items-center gap-1",children:[jsx(Command,{className:"w-3 h-3"}),jsx("span",{children:"+ Space to open"})]})]})]})]})})},"Spotlight"),Y=Q;export{Q as Spotlight,Y as default};