@cobre-npm/ds-v3 0.155.0 → 0.157.0

package/dist/tokens/_components.scss

@@ -1104,4 +1104,27 @@
   --cobre-filter-option-groups-label-fs: var(--cobre-label-small-fs);
   --cobre-filter-option-groups-label-lh: var(--cobre-label-small-lh);
   --cobre-filter-option-groups-label-fw: 500;
-}
+  --cobre-filter-option-groups-option-color: var(--cobre-gray-95);
+}
+
+/**
+* Filter panel
+*/
+
+:root {
+  --cobre-filter-panel-width: 615px;
+  --cobre-filter-panel-max-height: 500px;
+  --cobre-filter-panel-padding-x: 20px;
+  --cobre-filter-panel-padding-y: 16px;
+  --cobre-filter-panel-tab-edge-width: 4px;
+  --cobre-filter-panel-content-gap: 12px;
+  --cobre-filter-panel-tab-badge-padding-x: 5px;
+  --cobre-filter-panel-tab-active-bg: var(--cobre-teal-5);
+  --cobre-filter-panel-tab-active-border-color: var(--cobre-teal-20);
+  --cobre-filter-panel-tab-active-color: var(--cobre-teal-50);
+  --cobre-filter-panel-tab-badge-bg: var(--cobre-teal-50);
+  --cobre-filter-panel-tab-badge-color: var(--cobre-white);
+  --cobre-filter-panel-divider-color: var(--cobre-gray-20);
+  --cobre-filter-panel-section-title-color: var(--cobre-gray-60);
+  --cobre-filter-panel-tab-color: var(--cobre-primary-80);
+}

package/dist/types/components/organisms/CobreFilterPanel/CobreFilterPanel.vue.d.ts

@@ -14,6 +14,7 @@ interface Props {
     activeFilter?: string;
     clearLabel?: string;
     emptyFallbackText?: string;
+    emptySearchText?: string;
 }
 declare const _default: import("vue").DefineComponent<Props, {
     areFiltersValid: () => boolean;
@@ -53,5 +54,6 @@ declare const _default: import("vue").DefineComponent<Props, {
     activeFilter: string;
     clearLabel: string;
     emptyFallbackText: string;
+    emptySearchText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/organisms/CobreFilterPanel/components/FilterOptionGroups.vue.d.ts

@@ -13,7 +13,6 @@ declare var __VLS_1: {
     option: FilterOption;
     label: string;
     description: string | undefined;
-    sectioned: boolean;
     disabled: boolean | undefined;
 };
 type __VLS_Slots = {} & {

package/dist/types/components/organisms/CobreFilterPanel/interfaces/filter.interface.d.ts

@@ -60,12 +60,21 @@ export type CobreInputType = 'anyCharacter' | 'alphanumeric' | 'numeric' | 'lett
 /** Shared search-box props mixed into filters whose options can be searched. */
 export interface CommonSearchProps {
     searchable?: boolean;
+    /**
+     * `remote` (default) emits `filter-search` on every keystroke so the consumer fetches matches;
+     * `local` narrows the options already loaded by label, without emitting.
+     */
+    searchMode?: 'remote' | 'local';
     /** Configuration for the option search box. */
     search?: {
         placeholder?: string;
         disabled?: boolean;
         value?: string;
         inputType?: CobreInputType;
+        /** Local mode only: characters needed before filtering starts. Defaults to 3. */
+        minChars?: number;
+        /** Local mode only: text shown when nothing matches; falls back to the panel's `emptySearchText`. */
+        emptyText?: string;
     };
 }
 /** A multi-select checkbox-group filter; value holds the selected option values. */

package/dist/types/components/organisms/CobreFilterPanel/utils/groupOptionsBySection.d.ts

@@ -4,3 +4,5 @@ export interface OptionGroup {
     options: FilterOption[];
 }
 export declare const groupOptionsBySection: (options: FilterOption[], sections: FilterSection[]) => OptionGroup[];
+/** Forced column count, or the default: two with sections, one without. */
+export declare const resolveColumns: (columns: 1 | 2 | undefined, hasSections: boolean) => 1 | 2;

package/dist/types/components/organisms/CobreFilterPanel/utils/localSearch.d.ts

@@ -0,0 +1,18 @@
+import type { FilterOption, FilterSection, FilterTab } from '../interfaces/filter.interface';
+export declare const DEFAULT_MIN_CHARS = 3;
+/** Lower case, no accents, no surrounding spaces: "  Devolución " → "devolucion". */
+export declare const normalizeForSearch: (text: string) => string;
+/** Whether the text is long enough (after trimming) to filter by. Blank text never is. */
+export declare const isSearchActive: (text: string | undefined, minChars?: number) => boolean;
+/** The options whose label contains `query`, ignoring case, accents and surrounding spaces. */
+export declare const matchOptions: (options: FilterOption[], query: string) => FilterOption[];
+/**
+ * The list shown while a local search is active, in place of the tabs.
+ * Returns the options matching `query` from every tab, plus the headings to group them under:
+ * "Tab · Section" per tab × section pair (tab label alone without sections), ordered by tab then
+ * section. Without tabs, the sections are kept as is. E.g. "spei" → "Pagos · MXN: SPEI enviado".
+ */
+export declare const buildSearchView: (options: FilterOption[], sections: FilterSection[], tabs: FilterTab[], query: string) => {
+    options: FilterOption[];
+    sections: FilterSection[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobre-npm/ds-v3",
-  "version": "0.155.0",
+  "version": "0.157.0",
   "type": "module",
   "packageManager": "pnpm@11.0.4",
   "engines": {