@rx-lab/dashboard-searching-ui 1.1.0 → 1.1.2

package/README.md

@@ -16,9 +16,9 @@ A React component library for building AI-powered search interfaces with streami
 ## Installation
 
 ```bash
-npm install searching-ui
+npm install @rx-lab/dashboard-searching-ui
 # or
-bun add searching-ui
+bun add @rx-lab/dashboard-searching-ui
 ```
 
 ### Peer Dependencies
@@ -29,13 +29,23 @@ If you plan to use the AI agent features, you'll also need:
 npm install @ai-sdk/react ai
 ```
 
+### Import Styles
+
+**Important:** You must import the CSS file at the root of your application to ensure styles are loaded before components render:
+
+```tsx
+// In your app entry point (e.g., _app.tsx, layout.tsx, main.tsx)
+import "@rx-lab/dashboard-searching-ui/style.css";
+```
+
 ## Quick Start
 
 ### Basic Search Command
 
 ```tsx
 import { useState } from "react";
-import { SearchTrigger, SearchCommand } from "searching-ui";
+import "@rx-lab/dashboard-searching-ui/style.css";
+import { SearchTrigger, SearchCommand } from "@rx-lab/dashboard-searching-ui";
 
 function App() {
   const [open, setOpen] = useState(false);
@@ -66,7 +76,8 @@ function App() {
 
 ```tsx
 import { useState } from "react";
-import { SearchTrigger, SearchCommand } from "searching-ui";
+import "@rx-lab/dashboard-searching-ui/style.css";
+import { SearchTrigger, SearchCommand } from "@rx-lab/dashboard-searching-ui";
 
 function App() {
   const [open, setOpen] = useState(false);
@@ -99,7 +110,7 @@ function App() {
 A trigger button for opening the search dialog.
 
 ```tsx
-import { SearchTrigger } from "searching-ui";
+import { SearchTrigger } from "@rx-lab/dashboard-searching-ui";
 
 // Basic usage
 <SearchTrigger onClick={() => setOpen(true)} />
@@ -139,7 +150,7 @@ import { SearchTrigger } from "searching-ui";
 A search command dialog with optional AI agent mode.
 
 ```tsx
-import { SearchCommand } from "searching-ui";
+import { SearchCommand } from "@rx-lab/dashboard-searching-ui";
 
 <SearchCommand
   open={open}
@@ -215,7 +226,7 @@ import { Brain } from "lucide-react";
 An AI-powered search agent component with streaming chat support.
 
 ```tsx
-import { SearchAgent } from "searching-ui";
+import { SearchAgent } from "@rx-lab/dashboard-searching-ui";
 
 <SearchAgent
   initialQuery="Find all PDF documents"
@@ -348,7 +359,7 @@ import { Brain } from "lucide-react";
 A hook for managing AI chat state with the Vercel AI SDK.
 
 ```tsx
-import { useSearchAgent } from "searching-ui";
+import { useSearchAgent } from "@rx-lab/dashboard-searching-ui";
 
 function CustomChatInterface() {
   const {
@@ -427,7 +438,7 @@ function CustomChatInterface() {
 Renders a single chat message with support for tool results.
 
 ```tsx
-import { MessageBubble } from "searching-ui";
+import { MessageBubble } from "@rx-lab/dashboard-searching-ui";
 
 <MessageBubble
   message={message}
@@ -444,7 +455,7 @@ import { MessageBubble } from "searching-ui";
 Shows a loading indicator while the AI is generating.
 
 ```tsx
-import { StreamingIndicator } from "searching-ui";
+import { StreamingIndicator } from "@rx-lab/dashboard-searching-ui";
 
 // Basic usage
 <StreamingIndicator text="Thinking..." />
@@ -482,7 +493,7 @@ import { StreamingIndicator } from "searching-ui";
 A card component for displaying file results.
 
 ```tsx
-import { FileResultCard } from "searching-ui";
+import { FileResultCard } from "@rx-lab/dashboard-searching-ui";
 
 <FileResultCard
   file={{
@@ -542,7 +553,7 @@ import remarkGfm from 'remark-gfm'
 Use `toolResultRenderers` to provide custom renderers for specific tool outputs. Each renderer receives the tool's output and an action handler:
 
 ```tsx
-import { SearchAgent, ToolResultRendererProps, FileResultCard } from 'searching-ui'
+import { SearchAgent, ToolResultRendererProps, FileResultCard } from '@rx-lab/dashboard-searching-ui'
 
 // Custom renderer for file search results
 const FileResultsRenderer = ({ output, onAction }: ToolResultRendererProps) => {
@@ -607,7 +618,7 @@ interface ToolAction {
 For full control over message rendering, use `renderMessage` to override the entire message bubble:
 
 ```tsx
-import { UIMessage } from 'searching-ui'
+import { UIMessage } from '@rx-lab/dashboard-searching-ui'
 
 <SearchAgent
   apiEndpoint="/api/search-agent"
@@ -669,7 +680,11 @@ When using `SearchCommand` with agent mode, pass custom renderers through `agent
 
 ## Styling
 
-The library uses Tailwind CSS v4 and includes shadcn/ui components. Styles are automatically injected when importing components.
+The library uses Tailwind CSS v4 and includes shadcn/ui components. Import the stylesheet at the root of your application:
+
+```tsx
+import "@rx-lab/dashboard-searching-ui/style.css";
+```
 
 To customize the theme, add CSS variables to your root:
 

package/dist/components/search/SearchCommand/SearchCommand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchCommand.d.ts","sourceRoot":"","sources":["../../../../src/components/search/SearchCommand/SearchCommand.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IAEX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CACjC,OAAO,SAAS,gBAAgB,GAAG,gBAAgB;IAEnD,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IAEd,oCAAoC;IACpC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IAEvD,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAE3C,6BAA6B;IAC7B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC,6BAA6B;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAEpE,kCAAkC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAEhE,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;IAEhC,2BAA2B;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAExC,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtC,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gCAAgC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAC3B,OAAO,SAAS,gBAAgB,GAAG,gBAAgB,EACnD,EACA,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,UAAgB,EAChB,KAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAuB,EACvB,WAAgB,EAChB,qBAA6C,EAC7C,WAAqD,EACrD,sBAA6B,EAC7B,SAAS,GACV,EAAE,kBAAkB,CAAC,OAAO,CAAC,2CAoU7B"}
+{"version":3,"file":"SearchCommand.d.ts","sourceRoot":"","sources":["../../../../src/components/search/SearchCommand/SearchCommand.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IAEX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CACjC,OAAO,SAAS,gBAAgB,GAAG,gBAAgB;IAEnD,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IAEd,oCAAoC;IACpC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IAEvD,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAE3C,6BAA6B;IAC7B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC,6BAA6B;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAEpE,kCAAkC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAEhE,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;IAEhC,2BAA2B;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAExC,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtC,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gCAAgC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAC3B,OAAO,SAAS,gBAAgB,GAAG,gBAAgB,EACnD,EACA,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,UAAgB,EAChB,KAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAuB,EACvB,WAAgB,EAChB,qBAA6C,EAC7C,WAAqD,EACrD,sBAA6B,EAC7B,SAAS,GACV,EAAE,kBAAkB,CAAC,OAAO,CAAC,2CA0U7B"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,OAAO,EACL,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,YAAY,GAClB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAE3B,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,QAAQ,EACb,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,aAAa,GACnB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,OAAO,EACP,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,OAAO,EACL,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,YAAY,GAClB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAE3B,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,QAAQ,EACb,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,aAAa,GACnB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,OAAO,EACP,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,yBAAyB,CAAC"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rx-lab/dashboard-searching-ui",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "repository": {
     "type": "git",
@@ -13,7 +13,8 @@
     ".": {
       "types": "./index.d.ts",
       "import": "./searching-ui.js"
-    }
+    },
+    "./style.css": "./style.css"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/dist/searching-ui.js

@@ -1,4 +1,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");i.appendChild(document.createTextNode('@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}:root,:host{--sui-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sui-color-green-500:oklch(72.3% .219 149.579);--sui-color-black:#000;--sui-color-white:#fff;--sui-spacing:.25rem;--sui-container-md:28rem;--sui-container-2xl:42rem;--sui-text-xs:.75rem;--sui-text-xs--line-height:calc(1/.75);--sui-text-sm:.875rem;--sui-text-sm--line-height:calc(1.25/.875);--sui-text-lg:1.125rem;--sui-text-lg--line-height:calc(1.75/1.125);--sui-font-weight-medium:500;--sui-font-weight-semibold:600;--sui-tracking-widest:.1em;--sui-radius-xs:.125rem;--sui-radius-sm:.25rem;--sui-radius-md:.375rem;--sui-radius-lg:.5rem;--sui-radius-xl:.75rem;--sui-radius-2xl:1rem;--sui-animate-spin:spin 1s linear infinite;--sui-default-transition-duration:.15s;--sui-default-transition-timing-function:cubic-bezier(.4,0,.2,1)}.sui\\:pointer-events-none{pointer-events:none}.sui\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sui\\:absolute{position:absolute}.sui\\:fixed{position:fixed}.sui\\:relative{position:relative}.sui\\:inset-0{inset:calc(var(--sui-spacing)*0)}.sui\\:top-4{top:calc(var(--sui-spacing)*4)}.sui\\:top-\\[50\\%\\]{top:50%}.sui\\:right-4{right:calc(var(--sui-spacing)*4)}.sui\\:left-2{left:calc(var(--sui-spacing)*2)}.sui\\:left-\\[50\\%\\]{left:50%}.sui\\:z-50{z-index:50}.sui\\:-mx-1{margin-inline:calc(var(--sui-spacing)*-1)}.sui\\:my-1{margin-block:calc(var(--sui-spacing)*1)}.sui\\:mt-0\\.5{margin-top:calc(var(--sui-spacing)*.5)}.sui\\:mt-1{margin-top:calc(var(--sui-spacing)*1)}.sui\\:mr-1{margin-right:calc(var(--sui-spacing)*1)}.sui\\:mr-2{margin-right:calc(var(--sui-spacing)*2)}.sui\\:ml-auto{margin-left:auto}.sui\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sui\\:flex{display:flex}.sui\\:grid{display:grid}.sui\\:hidden{display:none}.sui\\:inline-block{display:inline-block}.sui\\:inline-flex{display:inline-flex}.sui\\:size-2{width:calc(var(--sui-spacing)*2);height:calc(var(--sui-spacing)*2)}.sui\\:size-2\\.5{width:calc(var(--sui-spacing)*2.5);height:calc(var(--sui-spacing)*2.5)}.sui\\:size-3\\.5{width:calc(var(--sui-spacing)*3.5);height:calc(var(--sui-spacing)*3.5)}.sui\\:size-4{width:calc(var(--sui-spacing)*4);height:calc(var(--sui-spacing)*4)}.sui\\:size-8{width:calc(var(--sui-spacing)*8);height:calc(var(--sui-spacing)*8)}.sui\\:size-9{width:calc(var(--sui-spacing)*9);height:calc(var(--sui-spacing)*9)}.sui\\:size-10{width:calc(var(--sui-spacing)*10);height:calc(var(--sui-spacing)*10)}.sui\\:size-full{width:100%;height:100%}.sui\\:h-2\\.5{height:calc(var(--sui-spacing)*2.5)}.sui\\:h-3{height:calc(var(--sui-spacing)*3)}.sui\\:h-3\\.5{height:calc(var(--sui-spacing)*3.5)}.sui\\:h-4{height:calc(var(--sui-spacing)*4)}.sui\\:h-5{height:calc(var(--sui-spacing)*5)}.sui\\:h-6{height:calc(var(--sui-spacing)*6)}.sui\\:h-7{height:calc(var(--sui-spacing)*7)}.sui\\:h-8{height:calc(var(--sui-spacing)*8)}.sui\\:h-9{height:calc(var(--sui-spacing)*9)}.sui\\:h-10{height:calc(var(--sui-spacing)*10)}.sui\\:h-\\[min\\(600px\\,80vh\\)\\]{height:min(600px,80vh)}.sui\\:h-full{height:100%}.sui\\:h-px{height:1px}.sui\\:max-h-\\(--radix-context-menu-content-available-height\\){max-height:var(--radix-context-menu-content-available-height)}.sui\\:max-h-\\[600px\\]{max-height:600px}.sui\\:min-h-0{min-height:calc(var(--sui-spacing)*0)}.sui\\:w-2\\.5{width:calc(var(--sui-spacing)*2.5)}.sui\\:w-3{width:calc(var(--sui-spacing)*3)}.sui\\:w-3\\.5{width:calc(var(--sui-spacing)*3.5)}.sui\\:w-4{width:calc(var(--sui-spacing)*4)}.sui\\:w-6{width:calc(var(--sui-spacing)*6)}.sui\\:w-7{width:calc(var(--sui-spacing)*7)}.sui\\:w-8{width:calc(var(--sui-spacing)*8)}.sui\\:w-fit{width:fit-content}.sui\\:w-full{width:100%}.sui\\:max-w-2xl\\!{max-width:var(--sui-container-2xl)!important}.sui\\:max-w-\\[85\\%\\]{max-width:85%}.sui\\:max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.sui\\:max-w-md{max-width:var(--sui-container-md)}.sui\\:max-w-none{max-width:none}.sui\\:min-w-0{min-width:calc(var(--sui-spacing)*0)}.sui\\:min-w-\\[8rem\\]{min-width:8rem}.sui\\:flex-1{flex:1}.sui\\:flex-shrink-0,.sui\\:shrink-0{flex-shrink:0}.sui\\:origin-\\(--radix-context-menu-content-transform-origin\\){transform-origin:var(--radix-context-menu-content-transform-origin)}.sui\\:origin-\\(--radix-tooltip-content-transform-origin\\){transform-origin:var(--radix-tooltip-content-transform-origin)}.sui\\:translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.sui\\:translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.sui\\:translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.sui\\:rotate-45{rotate:45deg}.sui\\:animate-spin{animation:var(--sui-animate-spin)}.sui\\:cursor-default{cursor:default}.sui\\:cursor-pointer{cursor:pointer}.sui\\:touch-none{touch-action:none}.sui\\:scroll-py-1{scroll-padding-block:calc(var(--sui-spacing)*1)}.sui\\:flex-col{flex-direction:column}.sui\\:flex-col-reverse{flex-direction:column-reverse}.sui\\:flex-row-reverse{flex-direction:row-reverse}.sui\\:items-center{align-items:center}.sui\\:items-start{align-items:flex-start}.sui\\:justify-between{justify-content:space-between}.sui\\:justify-center{justify-content:center}.sui\\:justify-end{justify-content:flex-end}.sui\\:justify-start{justify-content:flex-start}.sui\\:gap-0\\.5{gap:calc(var(--sui-spacing)*.5)}.sui\\:gap-1{gap:calc(var(--sui-spacing)*1)}.sui\\:gap-1\\.5{gap:calc(var(--sui-spacing)*1.5)}.sui\\:gap-2{gap:calc(var(--sui-spacing)*2)}.sui\\:gap-3{gap:calc(var(--sui-spacing)*3)}.sui\\:gap-4{gap:calc(var(--sui-spacing)*4)}:where(.sui\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sui-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sui-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.sui\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sui-spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sui-spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.sui\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sui-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sui-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.sui\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sui\\:overflow-hidden{overflow:hidden}.sui\\:overflow-x-hidden{overflow-x:hidden}.sui\\:overflow-y-auto{overflow-y:auto}.sui\\:rounded{border-radius:var(--radius)}.sui\\:rounded-2xl{border-radius:var(--sui-radius-2xl)}.sui\\:rounded-\\[2px\\]{border-radius:2px}.sui\\:rounded-\\[inherit\\]{border-radius:inherit}.sui\\:rounded-full{border-radius:3.40282e38px}.sui\\:rounded-lg{border-radius:var(--sui-radius-lg)}.sui\\:rounded-md{border-radius:var(--sui-radius-md)}.sui\\:rounded-sm{border-radius:var(--sui-radius-sm)}.sui\\:rounded-xl{border-radius:var(--sui-radius-xl)}.sui\\:rounded-xs{border-radius:var(--sui-radius-xs)}.sui\\:rounded-tl-md{border-top-left-radius:var(--sui-radius-md)}.sui\\:rounded-tr-md{border-top-right-radius:var(--sui-radius-md)}.sui\\:border{border-style:var(--tw-border-style);border-width:1px}.sui\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.sui\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sui\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.sui\\:border-transparent{border-color:#0000}.sui\\:border-t-transparent{border-top-color:#0000}.sui\\:border-l-transparent{border-left-color:#0000}.sui\\:bg-background{background-color:var(--background)}.sui\\:bg-black\\/50{background-color:var(--sui-color-black)}@supports (color:color-mix(in lab,red,red)){.sui\\:bg-black\\/50{background-color:color-mix(in oklab,var(--sui-color-black)50%,transparent)}}.sui\\:bg-border{background-color:var(--border)}.sui\\:bg-card{background-color:var(--card)}.sui\\:bg-destructive{background-color:var(--destructive)}.sui\\:bg-foreground{background-color:var(--foreground)}.sui\\:bg-muted,.sui\\:bg-muted\\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.sui\\:bg-muted\\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.sui\\:bg-popover{background-color:var(--popover)}.sui\\:bg-primary{background-color:var(--primary)}.sui\\:bg-secondary{background-color:var(--secondary)}.sui\\:bg-transparent{background-color:#0000}.sui\\:fill-current{fill:currentColor}.sui\\:fill-foreground{fill:var(--foreground)}.sui\\:p-0{padding:calc(var(--sui-spacing)*0)}.sui\\:p-1{padding:calc(var(--sui-spacing)*1)}.sui\\:p-2{padding:calc(var(--sui-spacing)*2)}.sui\\:p-3{padding:calc(var(--sui-spacing)*3)}.sui\\:p-6{padding:calc(var(--sui-spacing)*6)}.sui\\:p-px{padding:1px}.sui\\:px-1\\.5{padding-inline:calc(var(--sui-spacing)*1.5)}.sui\\:px-2{padding-inline:calc(var(--sui-spacing)*2)}.sui\\:px-3{padding-inline:calc(var(--sui-spacing)*3)}.sui\\:px-4{padding-inline:calc(var(--sui-spacing)*4)}.sui\\:px-6{padding-inline:calc(var(--sui-spacing)*6)}.sui\\:py-0\\.5{padding-block:calc(var(--sui-spacing)*.5)}.sui\\:py-1{padding-block:calc(var(--sui-spacing)*1)}.sui\\:py-1\\.5{padding-block:calc(var(--sui-spacing)*1.5)}.sui\\:py-2{padding-block:calc(var(--sui-spacing)*2)}.sui\\:py-3{padding-block:calc(var(--sui-spacing)*3)}.sui\\:py-4{padding-block:calc(var(--sui-spacing)*4)}.sui\\:py-6{padding-block:calc(var(--sui-spacing)*6)}.sui\\:pr-2{padding-right:calc(var(--sui-spacing)*2)}.sui\\:pr-12{padding-right:calc(var(--sui-spacing)*12)}.sui\\:pl-8{padding-left:calc(var(--sui-spacing)*8)}.sui\\:pl-10{padding-left:calc(var(--sui-spacing)*10)}.sui\\:text-center{text-align:center}.sui\\:text-left{text-align:left}.sui\\:text-right{text-align:right}.sui\\:font-mono{font-family:var(--sui-font-mono)}.sui\\:text-lg{font-size:var(--sui-text-lg);line-height:var(--tw-leading,var(--sui-text-lg--line-height))}.sui\\:text-sm{font-size:var(--sui-text-sm);line-height:var(--tw-leading,var(--sui-text-sm--line-height))}.sui\\:text-xs{font-size:var(--sui-text-xs);line-height:var(--tw-leading,var(--sui-text-xs--line-height))}.sui\\:text-\\[10px\\]{font-size:10px}.sui\\:leading-none{--tw-leading:1;line-height:1}.sui\\:font-medium{--tw-font-weight:var(--sui-font-weight-medium);font-weight:var(--sui-font-weight-medium)}.sui\\:font-semibold{--tw-font-weight:var(--sui-font-weight-semibold);font-weight:var(--sui-font-weight-semibold)}.sui\\:tracking-widest{--tw-tracking:var(--sui-tracking-widest);letter-spacing:var(--sui-tracking-widest)}.sui\\:text-balance{text-wrap:balance}.sui\\:break-words{overflow-wrap:break-word}.sui\\:whitespace-nowrap{white-space:nowrap}.sui\\:whitespace-pre-wrap{white-space:pre-wrap}.sui\\:text-background{color:var(--background)}.sui\\:text-foreground{color:var(--foreground)}.sui\\:text-green-500{color:var(--sui-color-green-500)}.sui\\:text-muted-foreground,.sui\\:text-muted-foreground\\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.sui\\:text-muted-foreground\\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.sui\\:text-popover-foreground{color:var(--popover-foreground)}.sui\\:text-primary{color:var(--primary)}.sui\\:text-primary-foreground{color:var(--primary-foreground)}.sui\\:text-secondary-foreground{color:var(--secondary-foreground)}.sui\\:text-white{color:var(--sui-color-white)}.sui\\:underline-offset-4{text-underline-offset:4px}.sui\\:opacity-0{opacity:0}.sui\\:opacity-50{opacity:.5}.sui\\:opacity-70{opacity:.7}.sui\\:opacity-100{opacity:1}.sui\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sui\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sui\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sui\\:ring-offset-background{--tw-ring-offset-color:var(--background)}.sui\\:outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.sui\\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.sui\\:transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--sui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--sui-default-transition-duration))}.sui\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--sui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--sui-default-transition-duration))}.sui\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--sui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--sui-default-transition-duration))}.sui\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--sui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--sui-default-transition-duration))}.sui\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.sui\\:outline-none{--tw-outline-style:none;outline-style:none}.sui\\:select-none{-webkit-user-select:none;user-select:none}[data-sui] *,[data-sui] :before,[data-sui] :after{box-sizing:border-box}[data-sui]{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(57.7% .245 27.325);--ring:oklch(70.8% 0 0);--radius:.625rem}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}')),document.head.appendChild(i)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import * as f from "react";
 import Ct, { useRef as qt, useCallback as Ne, useSyncExternalStore as Wr, useEffect as pt, useMemo as Ud, forwardRef as ia, createElement as mo, useState as Be, useLayoutEffect as Vd } from "react";
 import { jsx as h, jsxs as W, Fragment as Kt } from "react/jsx-runtime";
@@ -11580,9 +11579,9 @@ function ax({
             jl,
             {
               "data-slot": "dialog-close",
-              className: "sui:ring-offset-background focus:sui:ring-ring data-[state=open]:sui:bg-accent data-[state=open]:sui:text-muted-foreground sui:absolute sui:top-4 sui:right-4 sui:rounded-xs sui:opacity-70 sui:transition-opacity hover:sui:opacity-100 focus:sui:ring-2 focus:sui:ring-offset-2 focus:sui:outline-hidden disabled:sui:pointer-events-none [&_svg]:sui:pointer-events-none [&_svg]:sui:shrink-0 [&_svg:not([class*='size-'])]:sui:size-4",
+              className: "sui:flex sui:items-center sui:justify-center sui:text-gray-400 dark:sui:text-gray-600 sui:hover:cursor-pointer sui:ring-offset-background focus:sui:ring-ring data-[state=open]:sui:bg-accent data-[state=open]:sui:text-muted-foreground sui:absolute sui:top-3 sui:right-6 sui:rounded-xs sui:opacity-70 sui:transition-opacity hover:sui:opacity-100 focus:sui:ring-2 focus:sui:ring-offset-2 focus:sui:outline-hidden disabled:sui:pointer-events-none [&_svg]:sui:pointer-events-none [&_svg]:sui:shrink-0 [&_svg:not([class*='size-'])]:sui:size-4",
               children: [
-                /* @__PURE__ */ h(Ub, {}),
+                /* @__PURE__ */ h(Ub, { size: 16 }),
                 /* @__PURE__ */ h("span", { className: "sui:sr-only", children: "Close" })
               ]
             }
@@ -11758,7 +11757,7 @@ function gx({
     {
       "data-slot": "command-group",
       className: Q(
-        "sui:text-foreground [&_[cmdk-group-heading]]:sui:text-muted-foreground sui:overflow-hidden sui:p-1 [&_[cmdk-group-heading]]:sui:px-2 [&_[cmdk-group-heading]]:sui:py-1.5 [&_[cmdk-group-heading]]:sui:text-xs [&_[cmdk-group-heading]]:sui:font-medium",
+        "sui:text-foreground sui:text-sm [&_[cmdk-group-heading]]:sui:text-muted-foreground sui:overflow-hidden sui:p-1 [&_[cmdk-group-heading]]:sui:px-2 [&_[cmdk-group-heading]]:sui:py-1.5 [&_[cmdk-group-heading]]:sui:text-xs [&_[cmdk-group-heading]]:sui:font-medium",
         e
       ),
       ...t
@@ -14957,12 +14956,18 @@ function OC({
             ),
             /* @__PURE__ */ h(mx, { children: S ? (u || K)() : /* @__PURE__ */ W(Kt, { children: [
               v.length === 0 && (c ? c(w, !1) : ue(w)),
-              v.length > 0 && /* @__PURE__ */ h(gx, { heading: "Results", children: v.map(
-                (V) => l ? l(V, () => be(V)) : le(
-                  V,
-                  () => be(V)
-                )
-              ) })
+              v.length > 0 && /* @__PURE__ */ h(
+                gx,
+                {
+                  heading: /* @__PURE__ */ h("span", { className: "sui:text-sm sui:text-gray-600 dark:sui:text-gray-600", children: "Results" }),
+                  children: v.map(
+                    (V) => l ? l(V, () => be(V)) : le(
+                      V,
+                      () => be(V)
+                    )
+                  )
+                }
+              )
             ] }) }),
             /* @__PURE__ */ W("div", { className: "sui:border-t sui:p-2 sui:flex sui:items-center sui:justify-between", children: [
               g && o && o.length > 0 && /* @__PURE__ */ h("div", { className: "sui:flex sui:items-center sui:gap-2", children: o.map((V) => /* @__PURE__ */ h(