vlist 2.1.2 → 2.3.0

package/dist/size.json

@@ -1 +1 @@
-{"base":{"minified":"22.1","gzipped":"8.1","minBytes":22644,"gzBytes":8318},"a11y":{"minified":"25.2","gzipped":"9.2","minBytes":25767,"gzBytes":9446},"selection":{"minified":"30.7","gzipped":"10.6","minBytes":31444,"gzBytes":10873},"data":{"minified":"35.1","gzipped":"12.8","minBytes":35907,"gzBytes":13089},"scrollbar":{"minified":"29.2","gzipped":"10.1","minBytes":29951,"gzBytes":10387},"sortable":{"minified":"31.5","gzipped":"11.0","minBytes":32251,"gzBytes":11279},"groups":{"minified":"37.6","gzipped":"13.3","minBytes":38500,"gzBytes":13628},"scale":{"minified":"35.4","gzipped":"12.0","minBytes":36268,"gzBytes":12335},"page":{"minified":"24.5","gzipped":"8.9","minBytes":25130,"gzBytes":9104},"snapshots":{"minified":"25.6","gzipped":"9.4","minBytes":26260,"gzBytes":9576},"transition":{"minified":"28.9","gzipped":"10.0","minBytes":29573,"gzBytes":10192},"autosize":{"minified":"24.5","gzipped":"9.0","minBytes":25127,"gzBytes":9196},"grid":{"minified":"30.4","gzipped":"11.0","minBytes":31143,"gzBytes":11268},"table":{"minified":"41.2","gzipped":"14.2","minBytes":42162,"gzBytes":14541},"masonry":{"minified":"32.3","gzipped":"11.8","minBytes":33084,"gzBytes":12096},"tree":{"minified":"38.0","gzipped":"13.5","minBytes":38946,"gzBytes":13827}}
+{"base":{"minified":"22.5","gzipped":"8.3","minBytes":22998,"gzBytes":8485},"a11y":{"minified":"25.5","gzipped":"9.4","minBytes":26152,"gzBytes":9632},"selection":{"minified":"31.2","gzipped":"10.8","minBytes":31986,"gzBytes":11110},"data":{"minified":"36.2","gzipped":"13.1","minBytes":37020,"gzBytes":13429},"scrollbar":{"minified":"29.6","gzipped":"10.3","minBytes":30313,"gzBytes":10547},"sortable":{"minified":"31.8","gzipped":"11.2","minBytes":32604,"gzBytes":11439},"groups":{"minified":"38.3","gzipped":"13.6","minBytes":39267,"gzBytes":13901},"scale":{"minified":"36.5","gzipped":"12.5","minBytes":37365,"gzBytes":12768},"page":{"minified":"24.9","gzipped":"9.1","minBytes":25484,"gzBytes":9269},"snapshots":{"minified":"26.1","gzipped":"9.6","minBytes":26759,"gzBytes":9789},"transition":{"minified":"29.2","gzipped":"10.1","minBytes":29935,"gzBytes":10365},"autosize":{"minified":"24.9","gzipped":"9.1","minBytes":25481,"gzBytes":9367},"grid":{"minified":"31.0","gzipped":"11.3","minBytes":31754,"gzBytes":11532},"table":{"minified":"42.0","gzipped":"14.5","minBytes":42997,"gzBytes":14880},"masonry":{"minified":"33.4","gzipped":"12.2","minBytes":34165,"gzBytes":12538},"tree":{"minified":"38.5","gzipped":"13.6","minBytes":39386,"gzBytes":13975},"search":{"minified":"31.6","gzipped":"11.5","minBytes":32314,"gzBytes":11745}}

package/dist/types.d.ts

@@ -370,11 +370,23 @@ export interface TreeState {
     isLastChild: boolean;
     loading: boolean;
 }
+/** Search-specific state available in templates when the search plugin is active */
+export interface SearchState {
+    /** Whether this item matches the current query */
+    matched: boolean;
+    /** Current search query (empty string when no search is active) */
+    query: string;
+    /** This item's position in the match list (-1 if not matched) */
+    matchIndex: number;
+    /** Whether this is the currently focused match (navigate mode) */
+    isCurrent: boolean;
+}
 /** State passed to template */
 export interface ItemState {
     selected: boolean;
     focused: boolean;
     tree?: TreeState;
+    search?: SearchState;
 }
 /** Selection mode */
 export type SelectionMode = "none" | "single" | "multiple";
@@ -601,6 +613,23 @@ export interface VListEvents<T extends VListItem = VListItem> extends EventMap {
         item: T;
         error: unknown;
     };
+    /** Search bar opened / focused */
+    "search:open": undefined;
+    /** Search bar closed and query cleared */
+    "search:close": undefined;
+    /** Query or results changed */
+    "search:change": {
+        query: string;
+        matches: number;
+        total: number;
+    };
+    /** Navigated to a match (navigate mode) */
+    "search:match": {
+        index: number;
+        item: T | undefined;
+        matchIndex: number;
+        matches: number;
+    };
     /** Destroy — fired just before the instance is torn down */
     destroy: undefined;
 }

package/dist/vlist-search.css

@@ -0,0 +1 @@
+:root{--vlist-search-match-bg:#fde047;--vlist-search-match-current-bg:#f59e0b;--vlist-search-md3-surface:#ececf1;--vlist-search-md3-state:rgba(0,0,0,0.08)}[data-theme-mode="dark"]{--vlist-search-match-bg:#92710b;--vlist-search-match-current-bg:#b45309;--vlist-search-md3-surface:#2b3039;--vlist-search-md3-state:rgba(255,255,255,0.08)}@media (prefers-color-scheme:dark){:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]){--vlist-search-match-bg:#92710b;--vlist-search-match-current-bg:#b45309;--vlist-search-md3-surface:#2b3039;--vlist-search-md3-state:rgba(255,255,255,0.08)}}.dark{--vlist-search-match-bg:#92710b;--vlist-search-match-current-bg:#b45309;--vlist-search-md3-surface:#2b3039;--vlist-search-md3-state:rgba(255,255,255,0.08)}.vlist--has-search{display:flex;flex-direction:column}.vlist--has-search .vlist-viewport{flex:1 1 auto;min-height:0}.vlist-search{flex:0 0 auto;box-sizing:border-box;display:flex}.vlist-search__container{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;padding:6px 8px;background-color:var(--vlist-bg);border-bottom:1px solid var(--vlist-border)}.vlist-search--bottom .vlist-search__container{border-bottom:none;border-top:1px solid var(--vlist-border)}.vlist-search__leading-icon,.vlist-search__nav-prev,.vlist-search__nav-next,.vlist-search__clear-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--vlist-text-muted);cursor:pointer}.vlist-search__leading-icon svg,.vlist-search__nav-prev svg,.vlist-search__nav-next svg,.vlist-search__clear-button svg{width:18px;height:18px;fill:currentColor}.vlist-search__leading-icon:hover,.vlist-search__nav-prev:hover,.vlist-search__nav-next:hover,.vlist-search__clear-button:hover{color:var(--vlist-text);background-color:var(--vlist-bg-hover)}.vlist-search__clear-button--hidden,.vlist-search__nav-prev--hidden,.vlist-search__nav-next--hidden{display:none}.vlist-search__input-wrapper{flex:1 1 auto;min-width:0;display:flex;align-items:center}.vlist-search__input{width:100%;min-width:0;padding:4px 8px;font:inherit;color:var(--vlist-text);background-color:var(--vlist-bg);border:1px solid var(--vlist-border);border-radius:4px;outline:none;box-sizing:border-box}.vlist-search__input:focus{border-color:var(--vlist-focus-ring)}.vlist-search__input:focus,.vlist-search__input:focus-visible{outline:none}.vlist-search__counter{flex:0 0 auto;font-size:0.75rem;color:var(--vlist-text-muted);white-space:nowrap}.vlist-search__counter:empty{display:none}.vlist-search-match{color:inherit;background-color:var(--vlist-search-match-bg);border-radius:2px}.vlist-search-match--current{background-color:var(--vlist-search-match-current-bg)}.vlist-search--md3{display:flex;align-items:center;box-sizing:border-box;height:56px;padding:0 12px;border-bottom:1px solid var(--vlist-border)}.vlist-search--md3 .vlist-search__container{flex:1 1 auto;height:40px;padding:0 16px;gap:0;border:none;border-radius:20px;overflow:hidden;background-color:var(--vlist-search-md3-surface);transition:background-color 200ms cubic-bezier(0.2,0,0,1)}.vlist-search--md3 .vlist-search__leading-icon{width:24px;height:24px;margin-right:16px;border-radius:50%;color:var(--vlist-text)}.vlist-search--md3 .vlist-search__leading-icon svg{width:24px;height:24px}.vlist-search--md3 .vlist-search__input{width:100%;height:100%;padding:8px 0;border:none;background:transparent;font:inherit;font-size:16px;line-height:24px;color:var(--vlist-text);caret-color:var(--vlist-focus-ring)}.vlist-search--md3 .vlist-search__input::placeholder{color:var(--vlist-text-muted)}.vlist-search--md3 .vlist-search__counter{margin-left:16px;font-size:12px;color:var(--vlist-text-muted)}.vlist-search--md3 .vlist-search__nav-prev,.vlist-search--md3 .vlist-search__nav-next,.vlist-search--md3 .vlist-search__clear-button{width:24px;height:24px;margin-left:16px;border-radius:50%;color:var(--vlist-text-muted);transition:background-color 200ms cubic-bezier(0.2,0,0,1)}.vlist-search--md3 .vlist-search__nav-prev svg,.vlist-search--md3 .vlist-search__nav-next svg,.vlist-search--md3 .vlist-search__clear-button svg{width:20px;height:20px}.vlist-search--md3 .vlist-search__leading-icon:hover,.vlist-search--md3 .vlist-search__nav-prev:hover,.vlist-search--md3 .vlist-search__nav-next:hover,.vlist-search--md3 .vlist-search__clear-button:hover{background-color:var(--vlist-search-md3-state)}

package/dist/vlist-table.css

@@ -1 +1 @@
-.vlist--table{display:flex;flex-direction:column;overflow:hidden;min-height:inherit}.vlist--table .vlist-viewport{flex:1;min-height:0;height:auto;overflow:auto}.vlist--table .vlist-table-header{position:static}.vlist--table .vlist-scrollbar__hover{top:var(--vlist-table-header-height,0px);height:calc(100% - var(--vlist-table-header-height,0px))}.vlist--table .vlist-viewport--custom-scrollbar::-webkit-scrollbar{display:block;width:0}.vlist--table .vlist-content{contain:layout style}.vlist-table-header{position:absolute;top:0;left:0;right:0;z-index:5;overflow:hidden;display:flex;align-items:stretch;box-sizing:border-box;will-change:scroll-position;contain:layout style;background-color:var(--vlist-bg,#ffffff);border-bottom:1px solid var(--vlist-border,#e5e7eb);font-weight:600;font-size:0.8125rem;letter-spacing:0.01em;color:var(--vlist-text-muted,#6b7280)}.vlist-table-header-scroll{position:relative;display:flex;align-items:stretch;height:100%;min-width:100%;flex-shrink:0}.vlist-table-header-cell{position:relative;display:flex;align-items:center;height:100%;box-sizing:border-box;flex-shrink:0;user-select:none;padding-left:var(--vlist-item-padding-x,0.75rem);padding-right:var(--vlist-item-padding-x,0.75rem);border-right:1px solid transparent;transition:background-color 0.15s ease}.vlist-table-header-cell:hover{background-color:var(--vlist-bg-hover,rgba(0,0,0,0.04))}.vlist-table-header-cell--sortable{cursor:pointer}.vlist-table-header-cell--sortable:active{background-color:var(--vlist-bg-selected,rgba(59,130,246,0.12))}.vlist-table-header-cell--center{justify-content:center}.vlist-table-header-cell--right{justify-content:flex-end}.vlist-table-header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;pointer-events:none}.vlist-table-header-sort{margin-left:4px;flex-shrink:0;opacity:0;font-size:0.7em;transition:opacity 0.15s ease;pointer-events:none;color:var(--vlist-text-muted,#6b7280)}.vlist-table-header-resize{position:absolute;top:0;right:-3px;bottom:0;width:5px;cursor:col-resize;z-index:2;touch-action:none;opacity:0;transition:opacity 0.15s ease}.vlist-table-header-resize::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background-color:var(--vlist-border,#e5e7eb);transition:background-color 0.15s ease}.vlist-table-header-resize:hover::after{background-color:var(--vlist-focus-ring,#3b82f6)}.vlist-table-header-cell:hover .vlist-table-header-resize{opacity:1}.vlist-table-header-resize--active{opacity:1}.vlist-table-header-resize--active::after{background-color:var(--vlist-border-selected,#3b82f6)}.vlist--col-resizing,.vlist--col-resizing *{cursor:col-resize !important;user-select:none !important}.vlist-table-row{position:absolute;top:0;left:0;display:flex;box-sizing:border-box;contain:content;border-bottom:none;background-color:var(--vlist-bg,#ffffff);cursor:default;user-select:none;transition:background-color var(--vlist-transition-duration,150ms) var(--vlist-transition-timing,ease-in-out);will-change:transform}.vlist--scrolling .vlist-table-row{transition:none}.vlist-table-row.vlist-item--odd{background:var( --vlist-bg-striped,var(--vlist-bg-hover,rgba(0,0,0,0.02)) )}.vlist--selectable .vlist-table-row{cursor:pointer}.vlist--selectable .vlist-table-row:hover{background-color:var(--vlist-bg-hover,rgba(0,0,0,0.04))}.vlist-table-row.vlist-item--selected{background-color:var(--vlist-bg-selected,rgba(59,130,246,0.12))}.vlist-table-row.vlist-item--odd.vlist-item--selected{background:var(--vlist-bg-selected,rgba(59,130,246,0.12))}.vlist--selectable .vlist-table-row.vlist-item--selected:hover{background-color:var(--vlist-bg-selected-hover,rgba(59,130,246,0.18))}.vlist--selectable .vlist-table-row.vlist-item--odd.vlist-item--selected:hover{background:var(--vlist-bg-selected-hover,rgba(59,130,246,0.18))}.vlist-table-row.vlist-item--focused{outline:2px solid var(--vlist-focus-ring,#3b82f6);outline-offset:-2px;z-index:1}.vlist-table-cell{position:absolute;top:0;bottom:0;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:var(--vlist-item-padding-x,0.75rem);padding-right:var(--vlist-item-padding-x,0.75rem);font-size:0.875rem;color:var(--vlist-text,#111827)}.vlist-table-cell--center{text-align:center;justify-content:center}.vlist-table-cell--right{text-align:right;justify-content:flex-end}.vlist--table-row-borders .vlist-table-row{border-bottom:1px solid var(--vlist-border,#e5e7eb)}.vlist--table-col-borders .vlist-table-cell{border-right:1px solid var(--vlist-border,#e5e7eb)}.vlist--table-col-borders .vlist-table-header-cell{border-right-color:var(--vlist-border,#e5e7eb)}.vlist-table-group-header{display:flex;align-items:center;background-color:var(--vlist-group-header-bg,#f3f4f6);cursor:default}.vlist-table-group-header-content{display:flex;align-items:center;gap:12px;padding:0 16px;height:100%;background:var(--vlist-group-header-bg,#f3f4f6)}.vlist--table-row-borders .vlist-table-group-header{border-bottom:1px solid var(--vlist-border)}.vlist--table.vlist--grouped .vlist-sticky-header{order:1;z-index:4;border-bottom:none}.vlist--table.vlist--grouped .vlist-sticky-header .sticky-group{display:flex;font-size:0.8125rem;padding:0 16px;align-items:center;gap:12px;height:100%;color:var(--vlist-text-muted,#9ca3af)}.vlist--table.vlist--grouped .vlist-viewport{order:2}[data-theme-mode="dark"] .vlist-table-header,.dark .vlist-table-header{background-color:var(--vlist-bg,#111827);color:var(--vlist-text-muted,#9ca3af);border-bottom-color:var(--vlist-border,#374151)}[data-theme-mode="dark"] .vlist-table-header-cell:hover,.dark .vlist-table-header-cell:hover{background-color:var(--vlist-bg-hover,rgba(255,255,255,0.06))}[data-theme-mode="dark"] .vlist-table-header-resize::after,.dark .vlist-table-header-resize::after{background-color:var(--vlist-border,#374151)}[data-theme-mode="dark"] .vlist-table-header-resize:hover::after,.dark .vlist-table-header-resize:hover::after{background-color:var(--vlist-focus-ring,#3b82f6)}[data-theme-mode="dark"] .vlist-table-group-header,.dark .vlist-table-group-header{background-color:var(--vlist-group-header-bg,#1f2937)}[data-theme-mode="dark"] .vlist-table-group-header-content,.dark .vlist-table-group-header-content{color:var(--vlist-text-muted,#9ca3af)}@media (prefers-color-scheme:dark){:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-header{background-color:var(--vlist-bg,#111827);color:var(--vlist-text-muted,#9ca3af);border-bottom-color:var(--vlist-border,#374151)}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-header-cell:hover{background-color:var(--vlist-bg-hover,rgba(255,255,255,0.06))}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-header-resize::after{background-color:var(--vlist-border,#374151)}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-header-resize:hover::after{background-color:var(--vlist-focus-ring,#3b82f6)}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-group-header{background-color:var(--vlist-group-header-bg,#1f2937)}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-group-header-content{color:var(--vlist-text-muted,#9ca3af)}}.vlist-table-row.vlist-item--placeholder .vlist-table-cell{color:transparent}.vlist-table-row.vlist-item--placeholder .vlist-table-cell>*{color:transparent;background-color:var(--vlist-border,#e5e7eb);border-radius:4px;animation:vlist-placeholder-pulse 2s ease-in-out infinite;line-height:1;min-width:1em}.vlist-table-row.vlist-item--placeholder .vlist-table-cell>*>*{visibility:hidden}.vlist-table-row.vlist-item--placeholder .vlist-table-cell>*[style]{background:var(--vlist-border,#e5e7eb) !important;color:transparent !important}[data-theme-mode="dark"] .vlist--table-row-borders .vlist-table-group-header,.dark .vlist--table-row-borders .vlist-table-group-header{border-top-color:var(--vlist-border,#374151)}@media (prefers-color-scheme:dark){:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist--table-row-borders .vlist-table-group-header{border-top-color:var(--vlist-border,#374151)}}
+.vlist--table{display:flex;flex-direction:column;overflow:hidden;min-height:inherit}.vlist--table .vlist-viewport{flex:1;min-height:0;height:auto;overflow:auto}.vlist--table .vlist-table-header{position:static}.vlist--table .vlist-scrollbar__hover{top:var(--vlist-table-header-height,0px);height:calc(100% - var(--vlist-table-header-height,0px))}.vlist--table .vlist-viewport--custom-scrollbar::-webkit-scrollbar{display:block;width:0}.vlist--table .vlist-content{contain:layout style}.vlist-table-header{position:absolute;top:0;left:0;right:0;z-index:5;overflow:hidden;display:flex;align-items:stretch;box-sizing:border-box;will-change:scroll-position;contain:layout style;background-color:var(--vlist-bg,#ffffff);border-bottom:1px solid var(--vlist-border,#e5e7eb);font-weight:600;font-size:0.8125rem;letter-spacing:0.01em;color:var(--vlist-text-muted,#6b7280)}.vlist-table-header-scroll{position:relative;display:flex;align-items:stretch;height:100%;min-width:100%;flex-shrink:0}.vlist-table-header-cell{position:relative;display:flex;align-items:center;height:100%;box-sizing:border-box;flex-shrink:0;user-select:none;padding-left:var(--vlist-item-padding-x,0.75rem);padding-right:var(--vlist-item-padding-x,0.75rem);border-right:1px solid transparent;transition:background-color 0.15s ease}.vlist-table-header-cell:hover{background-color:var(--vlist-bg-hover,rgba(0,0,0,0.04))}.vlist-table-header-cell--sortable{cursor:pointer}.vlist-table-header-cell--sortable:active{background-color:var(--vlist-bg-selected,rgba(59,130,246,0.12))}.vlist-table-header-cell--center{justify-content:center}.vlist-table-header-cell--right{justify-content:flex-end}.vlist-table-header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;pointer-events:none}.vlist-table-header-sort{margin-left:4px;flex-shrink:0;opacity:0;font-size:0.7em;transition:opacity 0.15s ease;pointer-events:none;color:var(--vlist-text-muted,#6b7280)}.vlist-table-header-resize{position:absolute;top:0;right:-3px;bottom:0;width:5px;cursor:col-resize;z-index:2;touch-action:none;opacity:0;transition:opacity 0.15s ease}.vlist-table-header-resize::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background-color:var(--vlist-border,#e5e7eb);transition:background-color 0.15s ease}.vlist-table-header-resize:hover::after{background-color:var(--vlist-focus-ring,#3b82f6)}.vlist-table-header-cell:hover .vlist-table-header-resize{opacity:1}.vlist-table-header-resize--active{opacity:1}.vlist-table-header-resize--active::after{background-color:var(--vlist-border-selected,#3b82f6)}.vlist--col-resizing,.vlist--col-resizing *{cursor:col-resize !important;user-select:none !important}.vlist-table-row{position:absolute;top:0;left:0;display:flex;box-sizing:border-box;contain:content;border-bottom:none;background-color:var(--vlist-bg,#ffffff);cursor:default;user-select:none;transition:background-color var(--vlist-transition-duration,150ms) var(--vlist-transition-timing,ease-in-out);will-change:transform}.vlist--scrolling .vlist-table-row{transition:none}.vlist-table-row.vlist-item--odd{background:var( --vlist-bg-striped,var(--vlist-bg-hover,rgba(0,0,0,0.02)) )}.vlist--selectable .vlist-table-row{cursor:pointer}.vlist--selectable .vlist-table-row:hover{background-color:var(--vlist-bg-hover,rgba(0,0,0,0.04))}.vlist-table-row.vlist-item--selected{background-color:var(--vlist-bg-selected,rgba(59,130,246,0.12))}.vlist-table-row.vlist-item--odd.vlist-item--selected{background:var(--vlist-bg-selected,rgba(59,130,246,0.12))}.vlist--selectable .vlist-table-row.vlist-item--selected:hover{background-color:var(--vlist-bg-selected-hover,rgba(59,130,246,0.18))}.vlist--selectable .vlist-table-row.vlist-item--odd.vlist-item--selected:hover{background:var(--vlist-bg-selected-hover,rgba(59,130,246,0.18))}.vlist-table-row.vlist-item--focused{outline:2px solid var(--vlist-focus-ring,#3b82f6);outline-offset:-2px;z-index:1}.vlist-table-cell{position:absolute;top:0;bottom:0;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:var(--vlist-item-padding-x,0.75rem);padding-right:var(--vlist-item-padding-x,0.75rem);font-size:0.875rem;color:var(--vlist-text,#111827)}.vlist-table-cell--center{text-align:center;justify-content:center}.vlist-table-cell--right{text-align:right;justify-content:flex-end}.vlist--table-row-borders .vlist-table-row{border-bottom:1px solid var(--vlist-border,#e5e7eb)}.vlist--table-col-borders .vlist-table-cell{border-right:1px solid var(--vlist-border,#e5e7eb)}.vlist--table-col-borders .vlist-table-header-cell{border-right-color:var(--vlist-border,#e5e7eb)}.vlist-table-group-header{display:flex;align-items:center;background-color:var(--vlist-group-header-bg,#f3f4f6);cursor:default}.vlist-table-group-header-content{display:flex;align-items:center;gap:12px;padding:0 16px;height:100%;background:var(--vlist-group-header-bg,#f3f4f6)}.vlist--table-row-borders .vlist-table-group-header{border-bottom:1px solid var(--vlist-border)}.vlist--table.vlist--grouped .vlist-sticky-header{order:1;z-index:4;border-bottom:none}.vlist--table.vlist--grouped .vlist-sticky-header .sticky-group{display:flex;font-size:0.8125rem;padding:0 16px;align-items:center;gap:12px;height:100%;color:var(--vlist-text-muted,#9ca3af)}.vlist--table.vlist--grouped .vlist-viewport{order:2}[data-theme-mode="dark"] .vlist-table-header,.dark .vlist-table-header{background-color:var(--vlist-bg,#111827);color:var(--vlist-text-muted,#9ca3af);border-bottom-color:var(--vlist-border,#374151)}[data-theme-mode="dark"] .vlist-table-header-cell:hover,.dark .vlist-table-header-cell:hover{background-color:var(--vlist-bg-hover,rgba(255,255,255,0.06))}[data-theme-mode="dark"] .vlist-table-header-resize::after,.dark .vlist-table-header-resize::after{background-color:var(--vlist-border,#374151)}[data-theme-mode="dark"] .vlist-table-header-resize:hover::after,.dark .vlist-table-header-resize:hover::after{background-color:var(--vlist-focus-ring,#3b82f6)}[data-theme-mode="dark"] .vlist-table-group-header,.dark .vlist-table-group-header{background-color:var(--vlist-group-header-bg,#1f2937)}[data-theme-mode="dark"] .vlist-table-group-header-content,.dark .vlist-table-group-header-content{color:var(--vlist-text-muted,#9ca3af)}@media (prefers-color-scheme:dark){:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-header{background-color:var(--vlist-bg,#111827);color:var(--vlist-text-muted,#9ca3af);border-bottom-color:var(--vlist-border,#374151)}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-header-cell:hover{background-color:var(--vlist-bg-hover,rgba(255,255,255,0.06))}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-header-resize::after{background-color:var(--vlist-border,#374151)}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-header-resize:hover::after{background-color:var(--vlist-focus-ring,#3b82f6)}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-group-header{background-color:var(--vlist-group-header-bg,#1f2937)}:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist-table-group-header-content{color:var(--vlist-text-muted,#9ca3af)}}.vlist-table-row.vlist-item--placeholder .vlist-table-cell{color:transparent}.vlist-table-row.vlist-item--placeholder .vlist-table-cell>*{color:transparent;background-color:var(--vlist-border,#e5e7eb);border-radius:4px;animation:vlist-placeholder-pulse 2s ease-in-out infinite;line-height:1;min-width:1em}.vlist-table-row.vlist-item--placeholder .vlist-table-cell>.vlist-table-cell-skeleton{display:inline-block;width:60%;height:0.8em}.vlist-table-row.vlist-item--placeholder .vlist-table-cell>*>*{visibility:hidden}.vlist-table-row.vlist-item--placeholder .vlist-table-cell>*[style]{background:var(--vlist-border,#e5e7eb) !important;color:transparent !important}[data-theme-mode="dark"] .vlist--table-row-borders .vlist-table-group-header,.dark .vlist--table-row-borders .vlist-table-group-header{border-top-color:var(--vlist-border,#374151)}@media (prefers-color-scheme:dark){:root:not([data-theme-mode="light"]):not([data-theme-mode="dark"]) .vlist--table-row-borders .vlist-table-group-header{border-top-color:var(--vlist-border,#374151)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vlist",
-  "version": "2.1.2",
+  "version": "2.3.0",
   "description": "Lightweight, high-performance virtual list with zero dependencies",
   "author": {
     "name": "Floor IO",
@@ -45,6 +45,7 @@
     "./styles/table": "./dist/vlist-table.css",
     "./styles/extras": "./dist/vlist-extras.css",
     "./styles/tree": "./dist/vlist-tree.css",
+    "./styles/search": "./dist/vlist-search.css",
     "./package.json": "./package.json"
   },
   "files": [