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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +29 -14
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/package.json +3 -2
  4. package/dist/searching-ui.js +0 -1
  5. package/dist/style.css +1 -0
  6. package/package.json +3 -3
package/README.md CHANGED
@@ -16,9 +16,9 @@ A React component library for building AI-powered search interfaces with streami
16
16
  ## Installation
17
17
 
18
18
  ```bash
19
- npm install searching-ui
19
+ npm install @rx-lab/dashboard-searching-ui
20
20
  # or
21
- bun add searching-ui
21
+ bun add @rx-lab/dashboard-searching-ui
22
22
  ```
23
23
 
24
24
  ### Peer Dependencies
@@ -29,13 +29,23 @@ If you plan to use the AI agent features, you'll also need:
29
29
  npm install @ai-sdk/react ai
30
30
  ```
31
31
 
32
+ ### Import Styles
33
+
34
+ **Important:** You must import the CSS file at the root of your application to ensure styles are loaded before components render:
35
+
36
+ ```tsx
37
+ // In your app entry point (e.g., _app.tsx, layout.tsx, main.tsx)
38
+ import "@rx-lab/dashboard-searching-ui/style.css";
39
+ ```
40
+
32
41
  ## Quick Start
33
42
 
34
43
  ### Basic Search Command
35
44
 
36
45
  ```tsx
37
46
  import { useState } from "react";
38
- import { SearchTrigger, SearchCommand } from "searching-ui";
47
+ import "@rx-lab/dashboard-searching-ui/style.css";
48
+ import { SearchTrigger, SearchCommand } from "@rx-lab/dashboard-searching-ui";
39
49
 
40
50
  function App() {
41
51
  const [open, setOpen] = useState(false);
@@ -66,7 +76,8 @@ function App() {
66
76
 
67
77
  ```tsx
68
78
  import { useState } from "react";
69
- import { SearchTrigger, SearchCommand } from "searching-ui";
79
+ import "@rx-lab/dashboard-searching-ui/style.css";
80
+ import { SearchTrigger, SearchCommand } from "@rx-lab/dashboard-searching-ui";
70
81
 
71
82
  function App() {
72
83
  const [open, setOpen] = useState(false);
@@ -99,7 +110,7 @@ function App() {
99
110
  A trigger button for opening the search dialog.
100
111
 
101
112
  ```tsx
102
- import { SearchTrigger } from "searching-ui";
113
+ import { SearchTrigger } from "@rx-lab/dashboard-searching-ui";
103
114
 
104
115
  // Basic usage
105
116
  <SearchTrigger onClick={() => setOpen(true)} />
@@ -139,7 +150,7 @@ import { SearchTrigger } from "searching-ui";
139
150
  A search command dialog with optional AI agent mode.
140
151
 
141
152
  ```tsx
142
- import { SearchCommand } from "searching-ui";
153
+ import { SearchCommand } from "@rx-lab/dashboard-searching-ui";
143
154
 
144
155
  <SearchCommand
145
156
  open={open}
@@ -215,7 +226,7 @@ import { Brain } from "lucide-react";
215
226
  An AI-powered search agent component with streaming chat support.
216
227
 
217
228
  ```tsx
218
- import { SearchAgent } from "searching-ui";
229
+ import { SearchAgent } from "@rx-lab/dashboard-searching-ui";
219
230
 
220
231
  <SearchAgent
221
232
  initialQuery="Find all PDF documents"
@@ -348,7 +359,7 @@ import { Brain } from "lucide-react";
348
359
  A hook for managing AI chat state with the Vercel AI SDK.
349
360
 
350
361
  ```tsx
351
- import { useSearchAgent } from "searching-ui";
362
+ import { useSearchAgent } from "@rx-lab/dashboard-searching-ui";
352
363
 
353
364
  function CustomChatInterface() {
354
365
  const {
@@ -427,7 +438,7 @@ function CustomChatInterface() {
427
438
  Renders a single chat message with support for tool results.
428
439
 
429
440
  ```tsx
430
- import { MessageBubble } from "searching-ui";
441
+ import { MessageBubble } from "@rx-lab/dashboard-searching-ui";
431
442
 
432
443
  <MessageBubble
433
444
  message={message}
@@ -444,7 +455,7 @@ import { MessageBubble } from "searching-ui";
444
455
  Shows a loading indicator while the AI is generating.
445
456
 
446
457
  ```tsx
447
- import { StreamingIndicator } from "searching-ui";
458
+ import { StreamingIndicator } from "@rx-lab/dashboard-searching-ui";
448
459
 
449
460
  // Basic usage
450
461
  <StreamingIndicator text="Thinking..." />
@@ -482,7 +493,7 @@ import { StreamingIndicator } from "searching-ui";
482
493
  A card component for displaying file results.
483
494
 
484
495
  ```tsx
485
- import { FileResultCard } from "searching-ui";
496
+ import { FileResultCard } from "@rx-lab/dashboard-searching-ui";
486
497
 
487
498
  <FileResultCard
488
499
  file={{
@@ -542,7 +553,7 @@ import remarkGfm from 'remark-gfm'
542
553
  Use `toolResultRenderers` to provide custom renderers for specific tool outputs. Each renderer receives the tool's output and an action handler:
543
554
 
544
555
  ```tsx
545
- import { SearchAgent, ToolResultRendererProps, FileResultCard } from 'searching-ui'
556
+ import { SearchAgent, ToolResultRendererProps, FileResultCard } from '@rx-lab/dashboard-searching-ui'
546
557
 
547
558
  // Custom renderer for file search results
548
559
  const FileResultsRenderer = ({ output, onAction }: ToolResultRendererProps) => {
@@ -607,7 +618,7 @@ interface ToolAction {
607
618
  For full control over message rendering, use `renderMessage` to override the entire message bubble:
608
619
 
609
620
  ```tsx
610
- import { UIMessage } from 'searching-ui'
621
+ import { UIMessage } from '@rx-lab/dashboard-searching-ui'
611
622
 
612
623
  <SearchAgent
613
624
  apiEndpoint="/api/search-agent"
@@ -669,7 +680,11 @@ When using `SearchCommand` with agent mode, pass custom renderers through `agent
669
680
 
670
681
  ## Styling
671
682
 
672
- The library uses Tailwind CSS v4 and includes shadcn/ui components. Styles are automatically injected when importing components.
683
+ The library uses Tailwind CSS v4 and includes shadcn/ui components. Import the stylesheet at the root of your application:
684
+
685
+ ```tsx
686
+ import "@rx-lab/dashboard-searching-ui/style.css";
687
+ ```
673
688
 
674
689
  To customize the theme, add CSS variables to your root:
675
690
 
package/dist/index.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rx-lab/dashboard-searching-ui",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -13,7 +13,8 @@
13
13
  ".": {
14
14
  "types": "./index.d.ts",
15
15
  "import": "./searching-ui.js"
16
- }
16
+ },
17
+ "./style.css": "./style.css"
17
18
  },
18
19
  "peerDependencies": {
19
20
  "react": "^18.0.0 || ^19.0.0",
package/dist/searching-ui.js CHANGED
@@ -1,4 +1,3 @@
1
- (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-gray-400:oklch(70.7% .022 261.325);--sui-color-gray-600:oklch(44.6% .03 256.802);--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-3{top:calc(var(--sui-spacing)*3)}.sui\\:top-\\[50\\%\\]{top:50%}.sui\\:right-6{right:calc(var(--sui-spacing)*6)}.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-gray-400{color:var(--sui-color-gray-400)}.sui\\:text-gray-600{color:var(--sui-color-gray-600)}.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}@media(hover:hover){.sui\\:hover\\:cursor-pointer:hover{cursor:pointer}}[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(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
1
  import * as f from "react";
3
2
  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";
4
3
  import { jsx as h, jsxs as W, Fragment as Kt } from "react/jsx-runtime";
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ @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-gray-400:oklch(70.7% .022 261.325);--sui-color-gray-600:oklch(44.6% .03 256.802);--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-3{top:calc(var(--sui-spacing)*3)}.sui\:top-\[50\%\]{top:50%}.sui\:right-6{right:calc(var(--sui-spacing)*6)}.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-gray-400{color:var(--sui-color-gray-400)}.sui\:text-gray-600{color:var(--sui-color-gray-600)}.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}@media(hover:hover){.sui\:hover\:cursor-pointer:hover{cursor:pointer}}[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)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rx-lab/dashboard-searching-ui",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -13,7 +13,8 @@
13
13
  ".": {
14
14
  "types": "./dist/index.d.ts",
15
15
  "import": "./dist/searching-ui.js"
16
- }
16
+ },
17
+ "./style.css": "./dist/style.css"
17
18
  },
18
19
  "files": [
19
20
  "dist"
@@ -93,7 +94,6 @@
93
94
  "typescript": "~5.9.3",
94
95
  "typescript-eslint": "^8.46.4",
95
96
  "vite": "^7.2.4",
96
- "vite-plugin-css-injected-by-js": "^3.5.2",
97
97
  "vite-plugin-dts": "^4.5.4",
98
98
  "vitest": "^4.0.17"
99
99
  },