@schandlergarcia/sf-web-components 1.7.0 → 1.9.0

package/dist/components/library/data/DataModeProvider.js

@@ -17,7 +17,7 @@ function v({ initialMode: n = "sample", children: r }) {
   t.useEffect(() => {
     try {
       const e = window.localStorage.getItem(l);
-      c.includes(e) && a(e);
+      e && c.includes(e) && a(e);
     } catch {
     }
   }, []), t.useEffect(() => {

package/dist/components/library/data/DataModeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataModeProvider.js","sources":["../../../../src/components/library/data/DataModeProvider.jsx"],"sourcesContent":["import React from \"react\";\n\nconst DataModeContext = React.createContext({\n  mode: \"sample\",\n  isSample: true,\n  isLive: false,\n  toggle: () => {},\n  setMode: () => {},\n});\n\nconst STORAGE_KEY = \"app-data-mode\";\nconst VALID_MODES = [\"sample\", \"live\"];\n\n/**\n * Read the current data mode from any component.\n *\n * @returns {{ mode: \"sample\"|\"live\", isSample: boolean, isLive: boolean, toggle: () => void, setMode: (mode) => void }}\n */\nexport function useDataMode() {\n  return React.useContext(DataModeContext);\n}\n\n/**\n * Provides global data-mode state (sample vs live) to the component tree.\n * Persists to localStorage so the choice survives page reloads.\n *\n * Wrap once in _app.js alongside AppThemeProvider.\n */\nexport default function DataModeProvider({ initialMode = \"sample\", children }) {\n  const [mode, setModeState] = React.useState(initialMode);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (VALID_MODES.includes(stored)) setModeState(stored);\n    } catch {\n      // SSR or storage unavailable\n    }\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const setMode = React.useCallback((m) => {\n    if (VALID_MODES.includes(m)) setModeState(m);\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      isSample: mode === \"sample\",\n      isLive: mode === \"live\",\n      toggle: () => setModeState((m) => (m === \"sample\" ? \"live\" : \"sample\")),\n      setMode,\n    }),\n    [mode, setMode]\n  );\n\n  return (\n    <DataModeContext.Provider value={value}>{children}</DataModeContext.Provider>\n  );\n}\n"],"names":["DataModeContext","React","STORAGE_KEY","VALID_MODES","useDataMode","DataModeProvider","initialMode","children","mode","setModeState","stored","setMode","m","value","jsx"],"mappings":";;AAEA,MAAMA,IAAkBC,EAAM,cAAc;AAAA,EAC1C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC,GAEKC,IAAc,iBACdC,IAAc,CAAC,UAAU,MAAM;AAO9B,SAASC,IAAc;AAC5B,SAAOH,EAAM,WAAWD,CAAe;AACzC;AAQA,SAAwBK,EAAiB,EAAE,aAAAC,IAAc,UAAU,UAAAC,KAAY;AAC7E,QAAM,CAACC,GAAMC,CAAY,IAAIR,EAAM,SAASK,CAAW;AAEvDL,EAAAA,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMS,IAAS,OAAO,aAAa,QAAQR,CAAW;AACtD,MAAIC,EAAY,SAASO,CAAM,OAAgBA,CAAM;AAAA,IACvD,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELT,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,aAAO,aAAa,QAAQC,GAAaM,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMG,IAAUV,EAAM,YAAY,CAACW,MAAM;AACvC,IAAIT,EAAY,SAASS,CAAC,OAAgBA,CAAC;AAAA,EAC7C,GAAG,CAAA,CAAE,GAECC,IAAQZ,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAO;AAAA,MACA,UAAUA,MAAS;AAAA,MACnB,QAAQA,MAAS;AAAA,MACjB,QAAQ,MAAMC,EAAa,CAACG,MAAOA,MAAM,WAAW,SAAS,QAAS;AAAA,MACtE,SAAAD;AAAA,IAAA;AAAA,IAEF,CAACH,GAAMG,CAAO;AAAA,EAAA;AAGhB,SACE,gBAAAG,EAACd,EAAgB,UAAhB,EAAyB,OAAAa,GAAe,UAAAN,EAAA,CAAS;AAEtD;"}
+{"version":3,"file":"DataModeProvider.js","sources":["../../../../src/components/library/data/DataModeProvider.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type DataMode = \"sample\" | \"live\";\n\nexport interface DataModeContextValue {\n  mode: DataMode;\n  isSample: boolean;\n  isLive: boolean;\n  toggle: () => void;\n  setMode: (mode: DataMode) => void;\n}\n\nconst DataModeContext = React.createContext<DataModeContextValue>({\n  mode: \"sample\",\n  isSample: true,\n  isLive: false,\n  toggle: () => {},\n  setMode: () => {},\n});\n\nconst STORAGE_KEY = \"app-data-mode\";\nconst VALID_MODES: DataMode[] = [\"sample\", \"live\"];\n\n/**\n * Read the current data mode from any component.\n *\n * @returns {{ mode: \"sample\"|\"live\", isSample: boolean, isLive: boolean, toggle: () => void, setMode: (mode) => void }}\n */\nexport function useDataMode(): DataModeContextValue {\n  return React.useContext(DataModeContext);\n}\n\nexport interface DataModeProviderProps {\n  initialMode?: DataMode;\n  children: React.ReactNode;\n}\n\n/**\n * Provides global data-mode state (sample vs live) to the component tree.\n * Persists to localStorage so the choice survives page reloads.\n *\n * Wrap once in _app.js alongside AppThemeProvider.\n */\nexport default function DataModeProvider({ initialMode = \"sample\", children }: DataModeProviderProps) {\n  const [mode, setModeState] = React.useState<DataMode>(initialMode);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (stored && VALID_MODES.includes(stored as DataMode)) {\n        setModeState(stored as DataMode);\n      }\n    } catch {\n      // SSR or storage unavailable\n    }\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const setMode = React.useCallback((m: DataMode) => {\n    if (VALID_MODES.includes(m)) setModeState(m);\n  }, []);\n\n  const value = React.useMemo<DataModeContextValue>(\n    () => ({\n      mode,\n      isSample: mode === \"sample\",\n      isLive: mode === \"live\",\n      toggle: () => setModeState((m) => (m === \"sample\" ? \"live\" : \"sample\")),\n      setMode,\n    }),\n    [mode, setMode]\n  );\n\n  return (\n    <DataModeContext.Provider value={value}>{children}</DataModeContext.Provider>\n  );\n}\n"],"names":["DataModeContext","React","STORAGE_KEY","VALID_MODES","useDataMode","DataModeProvider","initialMode","children","mode","setModeState","stored","setMode","m","value","jsx"],"mappings":";;AAYA,MAAMA,IAAkBC,EAAM,cAAoC;AAAA,EAChE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC,GAEKC,IAAc,iBACdC,IAA0B,CAAC,UAAU,MAAM;AAO1C,SAASC,IAAoC;AAClD,SAAOH,EAAM,WAAWD,CAAe;AACzC;AAaA,SAAwBK,EAAiB,EAAE,aAAAC,IAAc,UAAU,UAAAC,KAAmC;AACpG,QAAM,CAACC,GAAMC,CAAY,IAAIR,EAAM,SAAmBK,CAAW;AAEjEL,EAAAA,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMS,IAAS,OAAO,aAAa,QAAQR,CAAW;AACtD,MAAIQ,KAAUP,EAAY,SAASO,CAAkB,KACnDD,EAAaC,CAAkB;AAAA,IAEnC,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELT,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,aAAO,aAAa,QAAQC,GAAaM,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMG,IAAUV,EAAM,YAAY,CAACW,MAAgB;AACjD,IAAIT,EAAY,SAASS,CAAC,OAAgBA,CAAC;AAAA,EAC7C,GAAG,CAAA,CAAE,GAECC,IAAQZ,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAO;AAAA,MACA,UAAUA,MAAS;AAAA,MACnB,QAAQA,MAAS;AAAA,MACjB,QAAQ,MAAMC,EAAa,CAACG,MAAOA,MAAM,WAAW,SAAS,QAAS;AAAA,MACtE,SAAAD;AAAA,IAAA;AAAA,IAEF,CAACH,GAAMG,CAAO;AAAA,EAAA;AAGhB,SACE,gBAAAG,EAACd,EAAgB,UAAhB,EAAyB,OAAAa,GAAe,UAAAN,EAAA,CAAS;AAEtD;"}

package/dist/components/library/data/DataModeToggle.d.ts

@@ -1,7 +1,8 @@
+export interface DataModeToggleProps {
+    className?: string;
+}
 /**
  * Pill toggle for switching between sample and live data modes.
  * Place in the AppShell header next to the theme toggle.
  */
-export default function DataModeToggle({ className }: {
-    className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+export default function DataModeToggle({ className }: DataModeToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/data/DataModeToggle.js

@@ -1,8 +1,7 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import "react";
 import { useDataMode as m } from "./DataModeProvider.js";
-import { BeakerIcon as l, SignalIcon as i } from "@heroicons/react/24/outline";
-function c({ className: o = "" }) {
+import { BeakerIcon as l, SignalIcon as b } from "@heroicons/react/24/outline";
+function g({ className: o = "" }) {
   const { mode: r, toggle: t } = m(), e = r === "sample";
   return /* @__PURE__ */ d(
     "button",
@@ -16,13 +15,13 @@ function c({ className: o = "" }) {
       ].filter(Boolean).join(" "),
       "aria-label": `Data mode: ${r}. Click to switch to ${e ? "live" : "sample"}.`,
       children: [
-        e ? /* @__PURE__ */ a(l, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ a(i, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+        e ? /* @__PURE__ */ a(l, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ a(b, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
         e ? "Sample" : "Live"
       ]
     }
   );
 }
 export {
-  c as default
+  g as default
 };
 //# sourceMappingURL=DataModeToggle.js.map

package/dist/components/library/data/DataModeToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataModeToggle.js","sources":["../../../../src/components/library/data/DataModeToggle.jsx"],"sourcesContent":["import React from \"react\";\nimport { useDataMode } from \"./DataModeProvider\";\nimport { BeakerIcon, SignalIcon } from \"@heroicons/react/24/outline\";\n\n/**\n * Pill toggle for switching between sample and live data modes.\n * Place in the AppShell header next to the theme toggle.\n */\nexport default function DataModeToggle({ className = \"\" }) {\n  const { mode, toggle } = useDataMode();\n  const isSample = mode === \"sample\";\n\n  return (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      className={[\n        \"inline-flex items-center gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs font-semibold shadow-sm transition\",\n        isSample\n          ? \"border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-300 dark:hover:bg-amber-950/60\"\n          : \"border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-300 dark:hover:bg-emerald-950/60\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      aria-label={`Data mode: ${mode}. Click to switch to ${isSample ? \"live\" : \"sample\"}.`}\n    >\n      {isSample ? (\n        <BeakerIcon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      ) : (\n        <SignalIcon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      )}\n      {isSample ? \"Sample\" : \"Live\"}\n    </button>\n  );\n}\n"],"names":["DataModeToggle","className","mode","toggle","useDataMode","isSample","jsxs","jsx","BeakerIcon","SignalIcon"],"mappings":";;;;AAQA,SAAwBA,EAAe,EAAE,WAAAC,IAAY,MAAM;AACzD,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GACnBC,IAAWH,MAAS;AAE1B,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACAE,IACI,6JACA;AAAA,QACJJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,cAAY,cAAcC,CAAI,wBAAwBG,IAAW,SAAS,QAAQ;AAAA,MAEjF,UAAA;AAAA,QAAAA,IACC,gBAAAE,EAACC,GAAA,EAAW,WAAU,eAAc,eAAY,OAAA,CAAO,IAEvD,gBAAAD,EAACE,GAAA,EAAW,WAAU,eAAc,eAAY,QAAO;AAAA,QAExDJ,IAAW,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7B;"}
+{"version":3,"file":"DataModeToggle.js","sources":["../../../../src/components/library/data/DataModeToggle.tsx"],"sourcesContent":["import { useDataMode } from \"./DataModeProvider\";\nimport { BeakerIcon, SignalIcon } from \"@heroicons/react/24/outline\";\n\nexport interface DataModeToggleProps {\n  className?: string;\n}\n\n/**\n * Pill toggle for switching between sample and live data modes.\n * Place in the AppShell header next to the theme toggle.\n */\nexport default function DataModeToggle({ className = \"\" }: DataModeToggleProps) {\n  const { mode, toggle } = useDataMode();\n  const isSample = mode === \"sample\";\n\n  return (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      className={[\n        \"inline-flex items-center gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs font-semibold shadow-sm transition\",\n        isSample\n          ? \"border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-800 dark:bg-amber-950/40 dark:text-amber-300 dark:hover:bg-amber-950/60\"\n          : \"border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-300 dark:hover:bg-emerald-950/60\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      aria-label={`Data mode: ${mode}. Click to switch to ${isSample ? \"live\" : \"sample\"}.`}\n    >\n      {isSample ? (\n        <BeakerIcon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      ) : (\n        <SignalIcon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      )}\n      {isSample ? \"Sample\" : \"Live\"}\n    </button>\n  );\n}\n"],"names":["DataModeToggle","className","mode","toggle","useDataMode","isSample","jsxs","jsx","BeakerIcon","SignalIcon"],"mappings":";;;AAWA,SAAwBA,EAAe,EAAE,WAAAC,IAAY,MAA2B;AAC9E,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GACnBC,IAAWH,MAAS;AAE1B,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACAE,IACI,6JACA;AAAA,QACJJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,cAAY,cAAcC,CAAI,wBAAwBG,IAAW,SAAS,QAAQ;AAAA,MAEjF,UAAA;AAAA,QAAAA,IACC,gBAAAE,EAACC,GAAA,EAAW,WAAU,eAAc,eAAY,OAAA,CAAO,IAEvD,gBAAAD,EAACE,GAAA,EAAW,WAAU,eAAc,eAAY,QAAO;AAAA,QAExDJ,IAAW,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7B;"}

package/dist/components/library/data/chartDataProvider.d.ts

@@ -1,3 +1,41 @@
-export function listSemanticIds(): string[];
-export function getSemanticDataset(semanticId: any): any;
-export function getSemanticMetric(semanticId: any, metricId: any): any;
+export type ChangeType = "positive" | "negative" | "neutral";
+export type MetricColor = "primary" | "success" | "warning" | "danger";
+export type ColumnType = "currency" | "percentage" | "number" | "text";
+export interface SemanticMetric {
+    metricId: string;
+    title: string;
+    subtitle: string;
+    value: string;
+    change?: string;
+    changeType?: ChangeType;
+    color?: MetricColor;
+    trend?: string;
+}
+export interface TableColumn {
+    key: string;
+    label: string;
+    type?: ColumnType;
+    sortable?: boolean;
+    mono?: boolean;
+}
+export interface TableRow {
+    id: number;
+    [key: string]: any;
+}
+export interface SemanticTable {
+    title: string;
+    subtitle: string;
+    columns: TableColumn[];
+    rows: TableRow[];
+}
+export interface SemanticDataset {
+    title: string;
+    metrics?: SemanticMetric[];
+    table?: SemanticTable;
+}
+export interface SemanticDatasets {
+    [key: string]: SemanticDataset;
+}
+export declare function listSemanticIds(): string[];
+export declare function getSemanticDataset(semanticId: string): SemanticDataset | null;
+export declare function getSemanticMetric(semanticId: string, metricId: string): SemanticMetric | null;

package/dist/components/library/data/filterUtils.d.ts

@@ -2,6 +2,38 @@
  * Pure data utilities for filtering, sorting, and searching.
  * Stateless — combine with usePageFilters hook for state management.
  */
+export type SortDirection = "asc" | "desc";
+export interface DateRange {
+    start?: Date | string;
+    end?: Date | string;
+}
+export type FilterType = "search" | "select" | "toggle" | "dateRange";
+export interface BaseFilterDefinition {
+    id: string;
+    type: FilterType;
+    defaultValue?: any;
+}
+export interface SearchFilterDefinition extends BaseFilterDefinition {
+    type: "search";
+    keys: string[];
+}
+export interface SelectFilterDefinition extends BaseFilterDefinition {
+    type: "select";
+    key: string;
+}
+export interface ToggleFilterDefinition extends BaseFilterDefinition {
+    type: "toggle";
+    key: string;
+    matchValue?: any;
+}
+export interface DateRangeFilterDefinition extends BaseFilterDefinition {
+    type: "dateRange";
+    key: string;
+}
+export type FilterDefinition = SearchFilterDefinition | SelectFilterDefinition | ToggleFilterDefinition | DateRangeFilterDefinition;
+export interface FilterValues {
+    [key: string]: any;
+}
 /**
  * Text search across multiple keys.
  * @param {Array} data
@@ -9,7 +41,7 @@
  * @param {string[]} keys — object keys to search within
  * @returns {Array} filtered data
  */
-export function filterBySearch(data: any[], query: string, keys?: string[]): any[];
+export declare function filterBySearch<T>(data: T[], query: string, keys?: string[]): T[];
 /**
  * Filter rows where key matches a specific value.
  * Pass "all" or "" to skip filtering.
@@ -18,7 +50,7 @@ export function filterBySearch(data: any[], query: string, keys?: string[]): any
  * @param {*} value — value to match (exact, case-insensitive for strings)
  * @returns {Array}
  */
-export function filterByValue(data: any[], key: string, value: any): any[];
+export declare function filterByValue<T>(data: T[], key: string, value: any): T[];
 /**
  * Filter rows where a boolean condition is met.
  * When toggle is off, returns all data (no filtering).
@@ -28,7 +60,7 @@ export function filterByValue(data: any[], key: string, value: any): any[];
  * @param {*} matchValue — value that key should equal when active (default: truthy check)
  * @returns {Array}
  */
-export function filterByToggle(data: any[], key: string, isActive: boolean, matchValue: any): any[];
+export declare function filterByToggle<T>(data: T[], key: string, isActive: boolean, matchValue?: any): T[];
 /**
  * Filter rows where a date field falls within a range.
  * @param {Array} data
@@ -36,10 +68,7 @@ export function filterByToggle(data: any[], key: string, isActive: boolean, matc
  * @param {{ start?: Date|string, end?: Date|string }} range
  * @returns {Array}
  */
-export function filterByDateRange(data: any[], key: string, range: {
-    start?: Date | string;
-    end?: Date | string;
-}): any[];
+export declare function filterByDateRange<T>(data: T[], key: string, range: DateRange | null): T[];
 /**
  * Sort data by a key.
  * @param {Array} data
@@ -47,7 +76,7 @@ export function filterByDateRange(data: any[], key: string, range: {
  * @param {"asc"|"desc"} direction
  * @returns {Array} new sorted array
  */
-export function sortByKey(data: any[], key: string, direction?: "asc" | "desc"): any[];
+export declare function sortByKey<T>(data: T[], key: string, direction?: SortDirection): T[];
 /**
  * Apply a set of filter definitions to data.
  * Each filter in `filters` has { id, type, key/keys } and `values` holds the current state.
@@ -57,4 +86,4 @@ export function sortByKey(data: any[], key: string, direction?: "asc" | "desc"):
  * @param {Object} values — current filter values keyed by filter id
  * @returns {Array} filtered data
  */
-export function applyFilters(data: any[], filters?: any[], values?: Object): any[];
+export declare function applyFilters<T>(data: T[], filters?: FilterDefinition[], values?: FilterValues): T[];

package/dist/components/library/data/filterUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.js","sources":["../../../../src/components/library/data/filterUtils.jsx"],"sourcesContent":["/**\n * Pure data utilities for filtering, sorting, and searching.\n * Stateless — combine with usePageFilters hook for state management.\n */\n\n/**\n * Text search across multiple keys.\n * @param {Array} data\n * @param {string} query — search string\n * @param {string[]} keys — object keys to search within\n * @returns {Array} filtered data\n */\nexport function filterBySearch(data, query, keys = []) {\n  if (!query || !query.trim()) return data;\n  const q = query.trim().toLowerCase();\n  return data.filter((row) =>\n    keys.some((key) => {\n      const val = row?.[key];\n      return val != null && String(val).toLowerCase().includes(q);\n    })\n  );\n}\n\n/**\n * Filter rows where key matches a specific value.\n * Pass \"all\" or \"\" to skip filtering.\n * @param {Array} data\n * @param {string} key — object key to match\n * @param {*} value — value to match (exact, case-insensitive for strings)\n * @returns {Array}\n */\nexport function filterByValue(data, key, value) {\n  if (value == null || value === \"\" || value === \"all\") return data;\n  return data.filter((row) => {\n    const v = row?.[key];\n    if (typeof v === \"string\" && typeof value === \"string\") {\n      return v.toLowerCase() === value.toLowerCase();\n    }\n    return v === value;\n  });\n}\n\n/**\n * Filter rows where a boolean condition is met.\n * When toggle is off, returns all data (no filtering).\n * @param {Array} data\n * @param {string} key — object key to check\n * @param {boolean} isActive — whether the toggle is on\n * @param {*} matchValue — value that key should equal when active (default: truthy check)\n * @returns {Array}\n */\nexport function filterByToggle(data, key, isActive, matchValue) {\n  if (!isActive) return data;\n  return data.filter((row) => {\n    const v = row?.[key];\n    if (matchValue !== undefined) return v === matchValue;\n    return Boolean(v);\n  });\n}\n\n/**\n * Filter rows where a date field falls within a range.\n * @param {Array} data\n * @param {string} key — object key containing date (ISO string or Date)\n * @param {{ start?: Date|string, end?: Date|string }} range\n * @returns {Array}\n */\nexport function filterByDateRange(data, key, range) {\n  if (!range) return data;\n  const start = range.start ? new Date(range.start) : null;\n  const end = range.end ? new Date(range.end) : null;\n  if (!start && !end) return data;\n\n  return data.filter((row) => {\n    const raw = row?.[key];\n    if (raw == null) return false;\n    const d = raw instanceof Date ? raw : new Date(raw);\n    if (Number.isNaN(d.getTime())) return false;\n    if (start && d < start) return false;\n    if (end && d > end) return false;\n    return true;\n  });\n}\n\n/**\n * Sort data by a key.\n * @param {Array} data\n * @param {string} key — object key to sort by\n * @param {\"asc\"|\"desc\"} direction\n * @returns {Array} new sorted array\n */\nexport function sortByKey(data, key, direction = \"asc\") {\n  if (!key) return data;\n  const dir = direction === \"desc\" ? -1 : 1;\n  return [...data].sort((a, b) => {\n    const av = a?.[key];\n    const bv = b?.[key];\n    if (av == null && bv == null) return 0;\n    if (av == null) return -1 * dir;\n    if (bv == null) return 1 * dir;\n    if (typeof av === \"number\" && typeof bv === \"number\") return (av - bv) * dir;\n    return String(av).localeCompare(String(bv)) * dir;\n  });\n}\n\n/**\n * Apply a set of filter definitions to data.\n * Each filter in `filters` has { id, type, key/keys } and `values` holds the current state.\n *\n * @param {Array} data\n * @param {Array} filters — filter definitions [{ id, type, key?, keys? }]\n * @param {Object} values — current filter values keyed by filter id\n * @returns {Array} filtered data\n */\nexport function applyFilters(data, filters = [], values = {}) {\n  let result = data;\n\n  for (const filter of filters) {\n    const val = values[filter.id];\n    if (val === undefined || val === null) continue;\n\n    switch (filter.type) {\n      case \"search\":\n        result = filterBySearch(result, val, filter.keys ?? []);\n        break;\n      case \"select\":\n        result = filterByValue(result, filter.key, val);\n        break;\n      case \"toggle\":\n        result = filterByToggle(result, filter.key, val, filter.matchValue);\n        break;\n      case \"dateRange\":\n        result = filterByDateRange(result, filter.key, val);\n        break;\n      default:\n        break;\n    }\n  }\n\n  return result;\n}\n"],"names":["filterBySearch","data","query","keys","q","row","key","val","filterByValue","value","v","filterByToggle","isActive","matchValue","filterByDateRange","range","start","end","raw","d","sortByKey","direction","dir","a","b","av","bv","applyFilters","filters","values","result","filter"],"mappings":"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"}
+{"version":3,"file":"filterUtils.js","sources":["../../../../src/components/library/data/filterUtils.tsx"],"sourcesContent":["/**\n * Pure data utilities for filtering, sorting, and searching.\n * Stateless — combine with usePageFilters hook for state management.\n */\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DateRange {\n  start?: Date | string;\n  end?: Date | string;\n}\n\nexport type FilterType = \"search\" | \"select\" | \"toggle\" | \"dateRange\";\n\nexport interface BaseFilterDefinition {\n  id: string;\n  type: FilterType;\n  defaultValue?: any;\n}\n\nexport interface SearchFilterDefinition extends BaseFilterDefinition {\n  type: \"search\";\n  keys: string[];\n}\n\nexport interface SelectFilterDefinition extends BaseFilterDefinition {\n  type: \"select\";\n  key: string;\n}\n\nexport interface ToggleFilterDefinition extends BaseFilterDefinition {\n  type: \"toggle\";\n  key: string;\n  matchValue?: any;\n}\n\nexport interface DateRangeFilterDefinition extends BaseFilterDefinition {\n  type: \"dateRange\";\n  key: string;\n}\n\nexport type FilterDefinition =\n  | SearchFilterDefinition\n  | SelectFilterDefinition\n  | ToggleFilterDefinition\n  | DateRangeFilterDefinition;\n\nexport interface FilterValues {\n  [key: string]: any;\n}\n\n/**\n * Text search across multiple keys.\n * @param {Array} data\n * @param {string} query — search string\n * @param {string[]} keys — object keys to search within\n * @returns {Array} filtered data\n */\nexport function filterBySearch<T>(data: T[], query: string, keys: string[] = []): T[] {\n  if (!query || !query.trim()) return data;\n  const q = query.trim().toLowerCase();\n  return data.filter((row) =>\n    keys.some((key) => {\n      const val = (row as any)?.[key];\n      return val != null && String(val).toLowerCase().includes(q);\n    })\n  );\n}\n\n/**\n * Filter rows where key matches a specific value.\n * Pass \"all\" or \"\" to skip filtering.\n * @param {Array} data\n * @param {string} key — object key to match\n * @param {*} value — value to match (exact, case-insensitive for strings)\n * @returns {Array}\n */\nexport function filterByValue<T>(data: T[], key: string, value: any): T[] {\n  if (value == null || value === \"\" || value === \"all\") return data;\n  return data.filter((row) => {\n    const v = (row as any)?.[key];\n    if (typeof v === \"string\" && typeof value === \"string\") {\n      return v.toLowerCase() === value.toLowerCase();\n    }\n    return v === value;\n  });\n}\n\n/**\n * Filter rows where a boolean condition is met.\n * When toggle is off, returns all data (no filtering).\n * @param {Array} data\n * @param {string} key — object key to check\n * @param {boolean} isActive — whether the toggle is on\n * @param {*} matchValue — value that key should equal when active (default: truthy check)\n * @returns {Array}\n */\nexport function filterByToggle<T>(data: T[], key: string, isActive: boolean, matchValue?: any): T[] {\n  if (!isActive) return data;\n  return data.filter((row) => {\n    const v = (row as any)?.[key];\n    if (matchValue !== undefined) return v === matchValue;\n    return Boolean(v);\n  });\n}\n\n/**\n * Filter rows where a date field falls within a range.\n * @param {Array} data\n * @param {string} key — object key containing date (ISO string or Date)\n * @param {{ start?: Date|string, end?: Date|string }} range\n * @returns {Array}\n */\nexport function filterByDateRange<T>(data: T[], key: string, range: DateRange | null): T[] {\n  if (!range) return data;\n  const start = range.start ? new Date(range.start) : null;\n  const end = range.end ? new Date(range.end) : null;\n  if (!start && !end) return data;\n\n  return data.filter((row) => {\n    const raw = (row as any)?.[key];\n    if (raw == null) return false;\n    const d = raw instanceof Date ? raw : new Date(raw);\n    if (Number.isNaN(d.getTime())) return false;\n    if (start && d < start) return false;\n    if (end && d > end) return false;\n    return true;\n  });\n}\n\n/**\n * Sort data by a key.\n * @param {Array} data\n * @param {string} key — object key to sort by\n * @param {\"asc\"|\"desc\"} direction\n * @returns {Array} new sorted array\n */\nexport function sortByKey<T>(data: T[], key: string, direction: SortDirection = \"asc\"): T[] {\n  if (!key) return data;\n  const dir = direction === \"desc\" ? -1 : 1;\n  return [...data].sort((a, b) => {\n    const av = (a as any)?.[key];\n    const bv = (b as any)?.[key];\n    if (av == null && bv == null) return 0;\n    if (av == null) return -1 * dir;\n    if (bv == null) return 1 * dir;\n    if (typeof av === \"number\" && typeof bv === \"number\") return (av - bv) * dir;\n    return String(av).localeCompare(String(bv)) * dir;\n  });\n}\n\n/**\n * Apply a set of filter definitions to data.\n * Each filter in `filters` has { id, type, key/keys } and `values` holds the current state.\n *\n * @param {Array} data\n * @param {Array} filters — filter definitions [{ id, type, key?, keys? }]\n * @param {Object} values — current filter values keyed by filter id\n * @returns {Array} filtered data\n */\nexport function applyFilters<T>(data: T[], filters: FilterDefinition[] = [], values: FilterValues = {}): T[] {\n  let result = data;\n\n  for (const filter of filters) {\n    const val = values[filter.id];\n    if (val === undefined || val === null) continue;\n\n    switch (filter.type) {\n      case \"search\":\n        result = filterBySearch(result, val, filter.keys ?? []);\n        break;\n      case \"select\":\n        result = filterByValue(result, filter.key, val);\n        break;\n      case \"toggle\":\n        result = filterByToggle(result, filter.key, val, filter.matchValue);\n        break;\n      case \"dateRange\":\n        result = filterByDateRange(result, filter.key, val);\n        break;\n      default:\n        break;\n    }\n  }\n\n  return result;\n}\n"],"names":["filterBySearch","data","query","keys","q","row","key","val","filterByValue","value","v","filterByToggle","isActive","matchValue","filterByDateRange","range","start","end","raw","d","sortByKey","direction","dir","a","b","av","bv","applyFilters","filters","values","result","filter"],"mappings":"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"}

package/dist/components/library/data/useDataSource.d.ts

@@ -1,3 +1,8 @@
+export type DataSourceValue<T> = T | (() => T);
+export interface UseDataSourceOptions<T> {
+    sample: DataSourceValue<T>;
+    live: DataSourceValue<T>;
+}
 /**
  * Select between sample and live data based on the global data mode.
  *
@@ -20,7 +25,4 @@
  *   live: () => computeFromAPI(apiData),
  * });
  */
-export default function useDataSource({ sample, live }: {
-    sample: any | (() => any);
-    live: any | (() => any);
-}): any;
+export default function useDataSource<T>({ sample, live }: UseDataSourceOptions<T>): T;

package/dist/components/library/data/useDataSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataSource.js","sources":["../../../../src/components/library/data/useDataSource.jsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useDataMode } from \"./DataModeProvider\";\n\n/**\n * Select between sample and live data based on the global data mode.\n *\n * Values can be plain data or functions (lazy-evaluated only when active).\n *\n * @param {{ sample: any | () => any, live: any | () => any }} sources\n * @returns {any} the resolved value for the active mode\n *\n * @example\n * // Static data\n * const incidents = useDataSource({\n *   sample: sampleIncidents,\n *   live: fetchedIncidents,\n * });\n *\n * @example\n * // Lazy — factory only runs when that mode is active\n * const metrics = useDataSource({\n *   sample: () => generateSampleMetrics(),\n *   live: () => computeFromAPI(apiData),\n * });\n */\nexport default function useDataSource({ sample, live }) {\n  const { mode } = useDataMode();\n\n  return useMemo(() => {\n    const source = mode === \"sample\" ? sample : live;\n    return typeof source === \"function\" ? source() : source;\n  }, [mode, sample, live]);\n}\n"],"names":["useDataSource","sample","live","mode","useDataMode","useMemo","source"],"mappings":";;AAyBA,SAAwBA,EAAc,EAAE,QAAAC,GAAQ,MAAAC,KAAQ;AACtD,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,SAAOC,EAAQ,MAAM;AACnB,UAAMC,IAASH,MAAS,WAAWF,IAASC;AAC5C,WAAO,OAAOI,KAAW,aAAaA,EAAA,IAAWA;AAAA,EACnD,GAAG,CAACH,GAAMF,GAAQC,CAAI,CAAC;AACzB;"}
+{"version":3,"file":"useDataSource.js","sources":["../../../../src/components/library/data/useDataSource.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useDataMode } from \"./DataModeProvider\";\n\nexport type DataSourceValue<T> = T | (() => T);\n\nexport interface UseDataSourceOptions<T> {\n  sample: DataSourceValue<T>;\n  live: DataSourceValue<T>;\n}\n\n/**\n * Select between sample and live data based on the global data mode.\n *\n * Values can be plain data or functions (lazy-evaluated only when active).\n *\n * @param {{ sample: any | () => any, live: any | () => any }} sources\n * @returns {any} the resolved value for the active mode\n *\n * @example\n * // Static data\n * const incidents = useDataSource({\n *   sample: sampleIncidents,\n *   live: fetchedIncidents,\n * });\n *\n * @example\n * // Lazy — factory only runs when that mode is active\n * const metrics = useDataSource({\n *   sample: () => generateSampleMetrics(),\n *   live: () => computeFromAPI(apiData),\n * });\n */\nexport default function useDataSource<T>({ sample, live }: UseDataSourceOptions<T>): T {\n  const { mode } = useDataMode();\n\n  return useMemo(() => {\n    const source = mode === \"sample\" ? sample : live;\n    return typeof source === \"function\" ? (source as () => T)() : source;\n  }, [mode, sample, live]);\n}\n"],"names":["useDataSource","sample","live","mode","useDataMode","useMemo","source"],"mappings":";;AAgCA,SAAwBA,EAAiB,EAAE,QAAAC,GAAQ,MAAAC,KAAoC;AACrF,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,SAAOC,EAAQ,MAAM;AACnB,UAAMC,IAASH,MAAS,WAAWF,IAASC;AAC5C,WAAO,OAAOI,KAAW,aAAcA,EAAA,IAAuBA;AAAA,EAChE,GAAG,CAACH,GAAMF,GAAQC,CAAI,CAAC;AACzB;"}

package/dist/components/library/data/usePageFilters.d.ts

@@ -1,3 +1,33 @@
+import { FilterDefinition } from "./filterUtils";
+export type SortDirection = "asc" | "desc";
+export interface SortState {
+    key: string;
+    direction: SortDirection;
+}
+export interface DateRange {
+    start?: Date | string;
+    end?: Date | string;
+}
+export type FilterValue = string | boolean | DateRange | null;
+export interface FilterValues {
+    [key: string]: FilterValue;
+}
+export interface UsePageFiltersOptions<T> {
+    data?: T[];
+    filters?: FilterDefinition[];
+    defaultSort?: SortState | null;
+}
+export interface UsePageFiltersReturn<T> {
+    values: FilterValues;
+    setFilter: (id: string, value: FilterValue) => void;
+    resetFilters: () => void;
+    sort: SortState | null;
+    setSort: (key: string | null, direction?: SortDirection) => void;
+    toggleSort: (key: string) => void;
+    filteredData: T[];
+    sortedData: T[];
+    activeFilterCount: number;
+}
 /**
  * Hook for managing page-level filter and sort state.
  *
@@ -18,8 +48,4 @@
  *   defaultSort: { key: "timestamp", direction: "desc" },
  * });
  */
-export default function usePageFilters({ data, filters, defaultSort }?: {
-    data: any[];
-    filters: any[];
-    defaultSort: Object;
-}): Object;
+export default function usePageFilters<T = any>({ data, filters, defaultSort, }?: UsePageFiltersOptions<T>): UsePageFiltersReturn<T>;

package/dist/components/library/data/usePageFilters.js

@@ -1,6 +1,10 @@
 import { useMemo as r, useState as p, useCallback as a } from "react";
 import { applyFilters as h, sortByKey as C } from "./filterUtils.js";
-function b({ data: u = [], filters: o = [], defaultSort: y = null } = {}) {
+function b({
+  data: u = [],
+  filters: o = [],
+  defaultSort: y = null
+} = {}) {
   const c = r(() => {
     const t = {};
     for (const e of o)
@@ -24,7 +28,7 @@ function b({ data: u = [], filters: o = [], defaultSort: y = null } = {}) {
     let t = 0;
     for (const e of o) {
       const s = l[e.id];
-      (e.type === "search" && s && s.trim() || e.type === "select" && s && s !== "all" || e.type === "toggle" && s || e.type === "dateRange" && s) && t++;
+      (e.type === "search" && s && typeof s == "string" && s.trim() || e.type === "select" && s && s !== "all" || e.type === "toggle" && s || e.type === "dateRange" && s) && t++;
     }
     return t;
   }, [o, l]);

package/dist/components/library/data/usePageFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePageFilters.js","sources":["../../../../src/components/library/data/usePageFilters.jsx"],"sourcesContent":["import { useState, useMemo, useCallback } from \"react\";\nimport { applyFilters, sortByKey } from \"./filterUtils\";\n\n/**\n * Hook for managing page-level filter and sort state.\n *\n * @param {Object} options\n * @param {Array}  options.data — raw data array\n * @param {Array}  options.filters — filter definitions [{ id, type, key?, keys?, defaultValue? }]\n * @param {Object} options.defaultSort — { key, direction } or null\n * @returns {Object} { values, setFilter, resetFilters, sort, setSort, filteredData, sortedData, activeFilterCount }\n *\n * @example\n * const { values, setFilter, resetFilters, sortedData } = usePageFilters({\n *   data: incidents,\n *   filters: [\n *     { id: \"search\", type: \"search\", keys: [\"title\", \"description\"] },\n *     { id: \"severity\", type: \"select\", key: \"severity\", defaultValue: \"all\" },\n *     { id: \"active\", type: \"toggle\", key: \"resolved\", matchValue: false },\n *   ],\n *   defaultSort: { key: \"timestamp\", direction: \"desc\" },\n * });\n */\nexport default function usePageFilters({ data = [], filters = [], defaultSort = null } = {}) {\n  const initialValues = useMemo(() => {\n    const v = {};\n    for (const f of filters) {\n      if (f.defaultValue !== undefined) {\n        v[f.id] = f.defaultValue;\n      } else if (f.type === \"search\") {\n        v[f.id] = \"\";\n      } else if (f.type === \"select\") {\n        v[f.id] = \"all\";\n      } else if (f.type === \"toggle\") {\n        v[f.id] = false;\n      } else if (f.type === \"dateRange\") {\n        v[f.id] = null;\n      }\n    }\n    return v;\n  }, [filters]);\n\n  const [values, setValues] = useState(initialValues);\n  const [sort, setSortState] = useState(defaultSort);\n\n  const setFilter = useCallback((id, value) => {\n    setValues((prev) => ({ ...prev, [id]: value }));\n  }, []);\n\n  const resetFilters = useCallback(() => {\n    setValues(initialValues);\n  }, [initialValues]);\n\n  const setSort = useCallback((key, direction) => {\n    setSortState(key ? { key, direction: direction ?? \"asc\" } : null);\n  }, []);\n\n  const toggleSort = useCallback((key) => {\n    setSortState((prev) => {\n      if (prev?.key !== key) return { key, direction: \"asc\" };\n      if (prev.direction === \"asc\") return { key, direction: \"desc\" };\n      return null;\n    });\n  }, []);\n\n  const filteredData = useMemo(\n    () => applyFilters(data, filters, values),\n    [data, filters, values]\n  );\n\n  const sortedData = useMemo(\n    () => (sort ? sortByKey(filteredData, sort.key, sort.direction) : filteredData),\n    [filteredData, sort]\n  );\n\n  const activeFilterCount = useMemo(() => {\n    let count = 0;\n    for (const f of filters) {\n      const v = values[f.id];\n      if (f.type === \"search\" && v && v.trim()) count++;\n      else if (f.type === \"select\" && v && v !== \"all\") count++;\n      else if (f.type === \"toggle\" && v) count++;\n      else if (f.type === \"dateRange\" && v) count++;\n    }\n    return count;\n  }, [filters, values]);\n\n  return {\n    values,\n    setFilter,\n    resetFilters,\n    sort,\n    setSort,\n    toggleSort,\n    filteredData,\n    sortedData,\n    activeFilterCount,\n  };\n}\n"],"names":["usePageFilters","data","filters","defaultSort","initialValues","useMemo","v","f","values","setValues","useState","sort","setSortState","setFilter","useCallback","id","value","prev","resetFilters","setSort","key","direction","toggleSort","filteredData","applyFilters","sortedData","sortByKey","activeFilterCount","count"],"mappings":";;AAuBA,SAAwBA,EAAe,EAAE,MAAAC,IAAO,IAAI,SAAAC,IAAU,CAAA,GAAI,aAAAC,IAAc,KAAA,IAAS,IAAI;AAC3F,QAAMC,IAAgBC,EAAQ,MAAM;AAClC,UAAMC,IAAI,CAAA;AACV,eAAWC,KAAKL;AACd,MAAIK,EAAE,iBAAiB,SACrBD,EAAEC,EAAE,EAAE,IAAIA,EAAE,eACHA,EAAE,SAAS,WACpBD,EAAEC,EAAE,EAAE,IAAI,KACDA,EAAE,SAAS,WACpBD,EAAEC,EAAE,EAAE,IAAI,QACDA,EAAE,SAAS,WACpBD,EAAEC,EAAE,EAAE,IAAI,KACDA,EAAE,SAAS,gBACpBD,EAAEC,EAAE,EAAE,IAAI;AAGd,WAAOD;AAAA,EACT,GAAG,CAACJ,CAAO,CAAC,GAEN,CAACM,GAAQC,CAAS,IAAIC,EAASN,CAAa,GAC5C,CAACO,GAAMC,CAAY,IAAIF,EAASP,CAAW,GAE3CU,IAAYC,EAAY,CAACC,GAAIC,MAAU;AAC3C,IAAAP,EAAU,CAACQ,OAAU,EAAE,GAAGA,GAAM,CAACF,CAAE,GAAGC,EAAA,EAAQ;AAAA,EAChD,GAAG,CAAA,CAAE,GAECE,IAAeJ,EAAY,MAAM;AACrC,IAAAL,EAAUL,CAAa;AAAA,EACzB,GAAG,CAACA,CAAa,CAAC,GAEZe,IAAUL,EAAY,CAACM,GAAKC,MAAc;AAC9C,IAAAT,EAAaQ,IAAM,EAAE,KAAAA,GAAK,WAAWC,KAAa,MAAA,IAAU,IAAI;AAAA,EAClE,GAAG,CAAA,CAAE,GAECC,IAAaR,EAAY,CAACM,MAAQ;AACtC,IAAAR,EAAa,CAACK,MACRA,GAAM,QAAQG,IAAY,EAAE,KAAAA,GAAK,WAAW,MAAA,IAC5CH,EAAK,cAAc,QAAc,EAAE,KAAAG,GAAK,WAAW,OAAA,IAChD,IACR;AAAA,EACH,GAAG,CAAA,CAAE,GAECG,IAAelB;AAAA,IACnB,MAAMmB,EAAavB,GAAMC,GAASM,CAAM;AAAA,IACxC,CAACP,GAAMC,GAASM,CAAM;AAAA,EAAA,GAGlBiB,IAAapB;AAAA,IACjB,MAAOM,IAAOe,EAAUH,GAAcZ,EAAK,KAAKA,EAAK,SAAS,IAAIY;AAAA,IAClE,CAACA,GAAcZ,CAAI;AAAA,EAAA,GAGfgB,IAAoBtB,EAAQ,MAAM;AACtC,QAAIuB,IAAQ;AACZ,eAAWrB,KAAKL,GAAS;AACvB,YAAMI,IAAIE,EAAOD,EAAE,EAAE;AACrB,OAAIA,EAAE,SAAS,YAAYD,KAAKA,EAAE,UACzBC,EAAE,SAAS,YAAYD,KAAKA,MAAM,SAClCC,EAAE,SAAS,YAAYD,KACvBC,EAAE,SAAS,eAAeD,MAAGsB;AAAA,IACxC;AACA,WAAOA;AAAA,EACT,GAAG,CAAC1B,GAASM,CAAM,CAAC;AAEpB,SAAO;AAAA,IACL,QAAAA;AAAA,IACA,WAAAK;AAAA,IACA,cAAAK;AAAA,IACA,MAAAP;AAAA,IACA,SAAAQ;AAAA,IACA,YAAAG;AAAA,IACA,cAAAC;AAAA,IACA,YAAAE;AAAA,IACA,mBAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"usePageFilters.js","sources":["../../../../src/components/library/data/usePageFilters.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from \"react\";\nimport { applyFilters, sortByKey, FilterDefinition } from \"./filterUtils\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface SortState {\n  key: string;\n  direction: SortDirection;\n}\n\nexport interface DateRange {\n  start?: Date | string;\n  end?: Date | string;\n}\n\nexport type FilterValue = string | boolean | DateRange | null;\n\nexport interface FilterValues {\n  [key: string]: FilterValue;\n}\n\nexport interface UsePageFiltersOptions<T> {\n  data?: T[];\n  filters?: FilterDefinition[];\n  defaultSort?: SortState | null;\n}\n\nexport interface UsePageFiltersReturn<T> {\n  values: FilterValues;\n  setFilter: (id: string, value: FilterValue) => void;\n  resetFilters: () => void;\n  sort: SortState | null;\n  setSort: (key: string | null, direction?: SortDirection) => void;\n  toggleSort: (key: string) => void;\n  filteredData: T[];\n  sortedData: T[];\n  activeFilterCount: number;\n}\n\n/**\n * Hook for managing page-level filter and sort state.\n *\n * @param {Object} options\n * @param {Array}  options.data — raw data array\n * @param {Array}  options.filters — filter definitions [{ id, type, key?, keys?, defaultValue? }]\n * @param {Object} options.defaultSort — { key, direction } or null\n * @returns {Object} { values, setFilter, resetFilters, sort, setSort, filteredData, sortedData, activeFilterCount }\n *\n * @example\n * const { values, setFilter, resetFilters, sortedData } = usePageFilters({\n *   data: incidents,\n *   filters: [\n *     { id: \"search\", type: \"search\", keys: [\"title\", \"description\"] },\n *     { id: \"severity\", type: \"select\", key: \"severity\", defaultValue: \"all\" },\n *     { id: \"active\", type: \"toggle\", key: \"resolved\", matchValue: false },\n *   ],\n *   defaultSort: { key: \"timestamp\", direction: \"desc\" },\n * });\n */\nexport default function usePageFilters<T = any>({\n  data = [],\n  filters = [],\n  defaultSort = null,\n}: UsePageFiltersOptions<T> = {}): UsePageFiltersReturn<T> {\n  const initialValues = useMemo(() => {\n    const v: FilterValues = {};\n    for (const f of filters) {\n      if (f.defaultValue !== undefined) {\n        v[f.id] = f.defaultValue;\n      } else if (f.type === \"search\") {\n        v[f.id] = \"\";\n      } else if (f.type === \"select\") {\n        v[f.id] = \"all\";\n      } else if (f.type === \"toggle\") {\n        v[f.id] = false;\n      } else if (f.type === \"dateRange\") {\n        v[f.id] = null;\n      }\n    }\n    return v;\n  }, [filters]);\n\n  const [values, setValues] = useState<FilterValues>(initialValues);\n  const [sort, setSortState] = useState<SortState | null>(defaultSort);\n\n  const setFilter = useCallback((id: string, value: FilterValue) => {\n    setValues((prev) => ({ ...prev, [id]: value }));\n  }, []);\n\n  const resetFilters = useCallback(() => {\n    setValues(initialValues);\n  }, [initialValues]);\n\n  const setSort = useCallback((key: string | null, direction?: SortDirection) => {\n    setSortState(key ? { key, direction: direction ?? \"asc\" } : null);\n  }, []);\n\n  const toggleSort = useCallback((key: string) => {\n    setSortState((prev) => {\n      if (prev?.key !== key) return { key, direction: \"asc\" };\n      if (prev.direction === \"asc\") return { key, direction: \"desc\" };\n      return null;\n    });\n  }, []);\n\n  const filteredData = useMemo(\n    () => applyFilters(data, filters, values),\n    [data, filters, values]\n  );\n\n  const sortedData = useMemo(\n    () => (sort ? sortByKey(filteredData, sort.key, sort.direction) : filteredData),\n    [filteredData, sort]\n  );\n\n  const activeFilterCount = useMemo(() => {\n    let count = 0;\n    for (const f of filters) {\n      const v = values[f.id];\n      if (f.type === \"search\" && v && typeof v === \"string\" && v.trim()) count++;\n      else if (f.type === \"select\" && v && v !== \"all\") count++;\n      else if (f.type === \"toggle\" && v) count++;\n      else if (f.type === \"dateRange\" && v) count++;\n    }\n    return count;\n  }, [filters, values]);\n\n  return {\n    values,\n    setFilter,\n    resetFilters,\n    sort,\n    setSort,\n    toggleSort,\n    filteredData,\n    sortedData,\n    activeFilterCount,\n  };\n}\n"],"names":["usePageFilters","data","filters","defaultSort","initialValues","useMemo","v","f","values","setValues","useState","sort","setSortState","setFilter","useCallback","id","value","prev","resetFilters","setSort","key","direction","toggleSort","filteredData","applyFilters","sortedData","sortByKey","activeFilterCount","count"],"mappings":";;AA2DA,SAAwBA,EAAwB;AAAA,EAC9C,MAAAC,IAAO,CAAA;AAAA,EACP,SAAAC,IAAU,CAAA;AAAA,EACV,aAAAC,IAAc;AAChB,IAA8B,IAA6B;AACzD,QAAMC,IAAgBC,EAAQ,MAAM;AAClC,UAAMC,IAAkB,CAAA;AACxB,eAAWC,KAAKL;AACd,MAAIK,EAAE,iBAAiB,SACrBD,EAAEC,EAAE,EAAE,IAAIA,EAAE,eACHA,EAAE,SAAS,WACpBD,EAAEC,EAAE,EAAE,IAAI,KACDA,EAAE,SAAS,WACpBD,EAAEC,EAAE,EAAE,IAAI,QACDA,EAAE,SAAS,WACpBD,EAAEC,EAAE,EAAE,IAAI,KACDA,EAAE,SAAS,gBACpBD,EAAEC,EAAE,EAAE,IAAI;AAGd,WAAOD;AAAA,EACT,GAAG,CAACJ,CAAO,CAAC,GAEN,CAACM,GAAQC,CAAS,IAAIC,EAAuBN,CAAa,GAC1D,CAACO,GAAMC,CAAY,IAAIF,EAA2BP,CAAW,GAE7DU,IAAYC,EAAY,CAACC,GAAYC,MAAuB;AAChE,IAAAP,EAAU,CAACQ,OAAU,EAAE,GAAGA,GAAM,CAACF,CAAE,GAAGC,EAAA,EAAQ;AAAA,EAChD,GAAG,CAAA,CAAE,GAECE,IAAeJ,EAAY,MAAM;AACrC,IAAAL,EAAUL,CAAa;AAAA,EACzB,GAAG,CAACA,CAAa,CAAC,GAEZe,IAAUL,EAAY,CAACM,GAAoBC,MAA8B;AAC7E,IAAAT,EAAaQ,IAAM,EAAE,KAAAA,GAAK,WAAWC,KAAa,MAAA,IAAU,IAAI;AAAA,EAClE,GAAG,CAAA,CAAE,GAECC,IAAaR,EAAY,CAACM,MAAgB;AAC9C,IAAAR,EAAa,CAACK,MACRA,GAAM,QAAQG,IAAY,EAAE,KAAAA,GAAK,WAAW,MAAA,IAC5CH,EAAK,cAAc,QAAc,EAAE,KAAAG,GAAK,WAAW,OAAA,IAChD,IACR;AAAA,EACH,GAAG,CAAA,CAAE,GAECG,IAAelB;AAAA,IACnB,MAAMmB,EAAavB,GAAMC,GAASM,CAAM;AAAA,IACxC,CAACP,GAAMC,GAASM,CAAM;AAAA,EAAA,GAGlBiB,IAAapB;AAAA,IACjB,MAAOM,IAAOe,EAAUH,GAAcZ,EAAK,KAAKA,EAAK,SAAS,IAAIY;AAAA,IAClE,CAACA,GAAcZ,CAAI;AAAA,EAAA,GAGfgB,IAAoBtB,EAAQ,MAAM;AACtC,QAAIuB,IAAQ;AACZ,eAAWrB,KAAKL,GAAS;AACvB,YAAMI,IAAIE,EAAOD,EAAE,EAAE;AACrB,OAAIA,EAAE,SAAS,YAAYD,KAAK,OAAOA,KAAM,YAAYA,EAAE,KAAA,KAClDC,EAAE,SAAS,YAAYD,KAAKA,MAAM,SAClCC,EAAE,SAAS,YAAYD,KACvBC,EAAE,SAAS,eAAeD,MAAGsB;AAAA,IACxC;AACA,WAAOA;AAAA,EACT,GAAG,CAAC1B,GAASM,CAAM,CAAC;AAEpB,SAAO;AAAA,IACL,QAAAA;AAAA,IACA,WAAAK;AAAA,IACA,cAAAK;AAAA,IACA,MAAAP;AAAA,IACA,SAAAQ;AAAA,IACA,YAAAG;AAAA,IACA,cAAAC;AAAA,IACA,YAAAE;AAAA,IACA,mBAAAE;AAAA,EAAA;AAEJ;"}

package/dist/components/library/filters/FilterBar.d.ts

@@ -1,12 +1,22 @@
+import { SelectOption } from "./SelectFilter";
+export interface FilterDefinition {
+    id: string;
+    type: "search" | "select" | "toggle";
+    label?: string;
+    placeholder?: string;
+    options?: (string | SelectOption)[];
+    className?: string;
+}
+export interface FilterBarProps {
+    filters?: FilterDefinition[];
+    values?: Record<string, any>;
+    onChange?: (filterId: string, value: any) => void;
+    onReset?: () => void;
+    activeCount?: number;
+    layout?: "inline" | "stacked";
+}
 /**
  * Renders a row of filter controls from a definitions array.
  * Pairs with usePageFilters hook for state management.
- *
- * @param {Array}    filters — filter definitions [{ id, type, ... }]
- * @param {Object}   values  — current filter values keyed by filter id
- * @param {Function} onChange — (filterId, value) => void
- * @param {Function} onReset  — () => void
- * @param {number}   activeCount — number of active filters (for badge)
- * @param {string}   layout — "inline" (default) or "stacked"
  */
-export default function FilterBar({ filters, values, onChange, onReset, activeCount, layout, }: any[]): import("react/jsx-runtime").JSX.Element | null;
+export default function FilterBar({ filters, values, onChange, onReset, activeCount, layout, }: FilterBarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/library/filters/FilterBar.js

@@ -1,10 +1,9 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import "react";
 import p from "./SearchFilter.js";
 import u from "./SelectFilter.js";
 import h from "./ToggleFilter.js";
 import { XMarkIcon as x } from "@heroicons/react/24/outline";
-function f({
+function w({
   filters: o = [],
   values: d = {},
   onChange: s,
@@ -84,6 +83,6 @@ function f({
   );
 }
 export {
-  f as default
+  w as default
 };
 //# sourceMappingURL=FilterBar.js.map

package/dist/components/library/filters/FilterBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBar.js","sources":["../../../../src/components/library/filters/FilterBar.jsx"],"sourcesContent":["import React from \"react\";\nimport SearchFilter from \"./SearchFilter\";\nimport SelectFilter from \"./SelectFilter\";\nimport ToggleFilter from \"./ToggleFilter\";\nimport { FunnelIcon, XMarkIcon } from \"@heroicons/react/24/outline\";\n\n/**\n * Renders a row of filter controls from a definitions array.\n * Pairs with usePageFilters hook for state management.\n *\n * @param {Array}    filters — filter definitions [{ id, type, ... }]\n * @param {Object}   values  — current filter values keyed by filter id\n * @param {Function} onChange — (filterId, value) => void\n * @param {Function} onReset  — () => void\n * @param {number}   activeCount — number of active filters (for badge)\n * @param {string}   layout — \"inline\" (default) or \"stacked\"\n */\nexport default function FilterBar({\n  filters = [],\n  values = {},\n  onChange,\n  onReset,\n  activeCount = 0,\n  layout = \"inline\",\n}) {\n  if (!filters.length) return null;\n\n  const isStacked = layout === \"stacked\";\n\n  return (\n    <div\n      className={[\n        \"flex gap-3\",\n        isStacked\n          ? \"flex-col\"\n          : \"flex-col sm:flex-row sm:flex-wrap sm:items-center\",\n      ].join(\" \")}\n    >\n      {filters.map((filter) => {\n        const val = values[filter.id];\n\n        switch (filter.type) {\n          case \"search\":\n            return (\n              <SearchFilter\n                key={filter.id}\n                value={val ?? \"\"}\n                onChange={(v) => onChange?.(filter.id, v)}\n                placeholder={filter.placeholder ?? \"Search…\"}\n                className={filter.className ?? (isStacked ? \"w-full\" : \"w-full sm:w-64\")}\n              />\n            );\n\n          case \"select\":\n            return (\n              <SelectFilter\n                key={filter.id}\n                value={val ?? \"all\"}\n                onChange={(v) => onChange?.(filter.id, v)}\n                options={filter.options ?? []}\n                label={filter.label}\n                placeholder={filter.placeholder ?? \"All\"}\n                className={filter.className}\n              />\n            );\n\n          case \"toggle\":\n            return (\n              <ToggleFilter\n                key={filter.id}\n                value={val ?? false}\n                onChange={(v) => onChange?.(filter.id, v)}\n                label={filter.label}\n                className={filter.className}\n              />\n            );\n\n          default:\n            return null;\n        }\n      })}\n\n      {activeCount > 0 && onReset ? (\n        <button\n          type=\"button\"\n          onClick={onReset}\n          className=\"inline-flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-xs font-medium text-slate-500 transition hover:bg-slate-100 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-slate-800 dark:hover:text-slate-200\"\n        >\n          <XMarkIcon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n          Clear {activeCount} {activeCount === 1 ? \"filter\" : \"filters\"}\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["FilterBar","filters","values","onChange","onReset","activeCount","layout","isStacked","jsxs","filter","val","jsx","SearchFilter","v","SelectFilter","ToggleFilter","XMarkIcon"],"mappings":";;;;;;AAiBA,SAAwBA,EAAU;AAAA,EAChC,SAAAC,IAAU,CAAA;AAAA,EACV,QAAAC,IAAS,CAAA;AAAA,EACT,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC,IAAS;AACX,GAAG;AACD,MAAI,CAACL,EAAQ,OAAQ,QAAO;AAE5B,QAAMM,IAAYD,MAAW;AAE7B,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAD,IACI,aACA;AAAA,MAAA,EACJ,KAAK,GAAG;AAAA,MAET,UAAA;AAAA,QAAAN,EAAQ,IAAI,CAACQ,MAAW;AACvB,gBAAMC,IAAMR,EAAOO,EAAO,EAAE;AAE5B,kBAAQA,EAAO,MAAA;AAAA,YACb,KAAK;AACH,qBACE,gBAAAE;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBAEC,OAAOF,KAAO;AAAA,kBACd,UAAU,CAACG,MAAMV,IAAWM,EAAO,IAAII,CAAC;AAAA,kBACxC,aAAaJ,EAAO,eAAe;AAAA,kBACnC,WAAWA,EAAO,cAAcF,IAAY,WAAW;AAAA,gBAAA;AAAA,gBAJlDE,EAAO;AAAA,cAAA;AAAA,YAQlB,KAAK;AACH,qBACE,gBAAAE;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBAEC,OAAOJ,KAAO;AAAA,kBACd,UAAU,CAACG,MAAMV,IAAWM,EAAO,IAAII,CAAC;AAAA,kBACxC,SAASJ,EAAO,WAAW,CAAA;AAAA,kBAC3B,OAAOA,EAAO;AAAA,kBACd,aAAaA,EAAO,eAAe;AAAA,kBACnC,WAAWA,EAAO;AAAA,gBAAA;AAAA,gBANbA,EAAO;AAAA,cAAA;AAAA,YAUlB,KAAK;AACH,qBACE,gBAAAE;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBAEC,OAAOL,KAAO;AAAA,kBACd,UAAU,CAACG,MAAMV,IAAWM,EAAO,IAAII,CAAC;AAAA,kBACxC,OAAOJ,EAAO;AAAA,kBACd,WAAWA,EAAO;AAAA,gBAAA;AAAA,gBAJbA,EAAO;AAAA,cAAA;AAAA,YAQlB;AACE,qBAAO;AAAA,UAAA;AAAA,QAEb,CAAC;AAAA,QAEAJ,IAAc,KAAKD,IAClB,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASJ;AAAA,YACT,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAO,EAACK,GAAA,EAAU,WAAU,eAAc,eAAY,QAAO;AAAA,cAAE;AAAA,cACjDX;AAAA,cAAY;AAAA,cAAEA,MAAgB,IAAI,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAEpD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"FilterBar.js","sources":["../../../../src/components/library/filters/FilterBar.tsx"],"sourcesContent":["import SearchFilter from \"./SearchFilter\";\nimport SelectFilter, { SelectOption } from \"./SelectFilter\";\nimport ToggleFilter from \"./ToggleFilter\";\nimport { XMarkIcon } from \"@heroicons/react/24/outline\";\n\nexport interface FilterDefinition {\n  id: string;\n  type: \"search\" | \"select\" | \"toggle\";\n  label?: string;\n  placeholder?: string;\n  options?: (string | SelectOption)[];\n  className?: string;\n}\n\nexport interface FilterBarProps {\n  filters?: FilterDefinition[];\n  values?: Record<string, any>;\n  onChange?: (filterId: string, value: any) => void;\n  onReset?: () => void;\n  activeCount?: number;\n  layout?: \"inline\" | \"stacked\";\n}\n\n/**\n * Renders a row of filter controls from a definitions array.\n * Pairs with usePageFilters hook for state management.\n */\nexport default function FilterBar({\n  filters = [],\n  values = {},\n  onChange,\n  onReset,\n  activeCount = 0,\n  layout = \"inline\",\n}: FilterBarProps) {\n  if (!filters.length) return null;\n\n  const isStacked = layout === \"stacked\";\n\n  return (\n    <div\n      className={[\n        \"flex gap-3\",\n        isStacked\n          ? \"flex-col\"\n          : \"flex-col sm:flex-row sm:flex-wrap sm:items-center\",\n      ].join(\" \")}\n    >\n      {filters.map((filter) => {\n        const val = values[filter.id];\n\n        switch (filter.type) {\n          case \"search\":\n            return (\n              <SearchFilter\n                key={filter.id}\n                value={val ?? \"\"}\n                onChange={(v) => onChange?.(filter.id, v)}\n                placeholder={filter.placeholder ?? \"Search…\"}\n                className={filter.className ?? (isStacked ? \"w-full\" : \"w-full sm:w-64\")}\n              />\n            );\n\n          case \"select\":\n            return (\n              <SelectFilter\n                key={filter.id}\n                value={val ?? \"all\"}\n                onChange={(v) => onChange?.(filter.id, v)}\n                options={filter.options ?? []}\n                label={filter.label}\n                placeholder={filter.placeholder ?? \"All\"}\n                className={filter.className}\n              />\n            );\n\n          case \"toggle\":\n            return (\n              <ToggleFilter\n                key={filter.id}\n                value={val ?? false}\n                onChange={(v) => onChange?.(filter.id, v)}\n                label={filter.label}\n                className={filter.className}\n              />\n            );\n\n          default:\n            return null;\n        }\n      })}\n\n      {activeCount > 0 && onReset ? (\n        <button\n          type=\"button\"\n          onClick={onReset}\n          className=\"inline-flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-xs font-medium text-slate-500 transition hover:bg-slate-100 hover:text-slate-700 dark:text-slate-400 dark:hover:bg-slate-800 dark:hover:text-slate-200\"\n        >\n          <XMarkIcon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n          Clear {activeCount} {activeCount === 1 ? \"filter\" : \"filters\"}\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["FilterBar","filters","values","onChange","onReset","activeCount","layout","isStacked","jsxs","filter","val","jsx","SearchFilter","v","SelectFilter","ToggleFilter","XMarkIcon"],"mappings":";;;;;AA2BA,SAAwBA,EAAU;AAAA,EAChC,SAAAC,IAAU,CAAA;AAAA,EACV,QAAAC,IAAS,CAAA;AAAA,EACT,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC,IAAS;AACX,GAAmB;AACjB,MAAI,CAACL,EAAQ,OAAQ,QAAO;AAE5B,QAAMM,IAAYD,MAAW;AAE7B,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAD,IACI,aACA;AAAA,MAAA,EACJ,KAAK,GAAG;AAAA,MAET,UAAA;AAAA,QAAAN,EAAQ,IAAI,CAACQ,MAAW;AACvB,gBAAMC,IAAMR,EAAOO,EAAO,EAAE;AAE5B,kBAAQA,EAAO,MAAA;AAAA,YACb,KAAK;AACH,qBACE,gBAAAE;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBAEC,OAAOF,KAAO;AAAA,kBACd,UAAU,CAACG,MAAMV,IAAWM,EAAO,IAAII,CAAC;AAAA,kBACxC,aAAaJ,EAAO,eAAe;AAAA,kBACnC,WAAWA,EAAO,cAAcF,IAAY,WAAW;AAAA,gBAAA;AAAA,gBAJlDE,EAAO;AAAA,cAAA;AAAA,YAQlB,KAAK;AACH,qBACE,gBAAAE;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBAEC,OAAOJ,KAAO;AAAA,kBACd,UAAU,CAACG,MAAMV,IAAWM,EAAO,IAAII,CAAC;AAAA,kBACxC,SAASJ,EAAO,WAAW,CAAA;AAAA,kBAC3B,OAAOA,EAAO;AAAA,kBACd,aAAaA,EAAO,eAAe;AAAA,kBACnC,WAAWA,EAAO;AAAA,gBAAA;AAAA,gBANbA,EAAO;AAAA,cAAA;AAAA,YAUlB,KAAK;AACH,qBACE,gBAAAE;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBAEC,OAAOL,KAAO;AAAA,kBACd,UAAU,CAACG,MAAMV,IAAWM,EAAO,IAAII,CAAC;AAAA,kBACxC,OAAOJ,EAAO;AAAA,kBACd,WAAWA,EAAO;AAAA,gBAAA;AAAA,gBAJbA,EAAO;AAAA,cAAA;AAAA,YAQlB;AACE,qBAAO;AAAA,UAAA;AAAA,QAEb,CAAC;AAAA,QAEAJ,IAAc,KAAKD,IAClB,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASJ;AAAA,YACT,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAO,EAACK,GAAA,EAAU,WAAU,eAAc,eAAY,QAAO;AAAA,cAAE;AAAA,cACjDX;AAAA,cAAY;AAAA,cAAEA,MAAgB,IAAI,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAEpD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/library/filters/SearchFilter.d.ts

@@ -1,6 +1,7 @@
-export default function SearchFilter({ value, onChange, placeholder, className, }: {
-    value?: string | undefined;
-    onChange: any;
-    placeholder?: string | undefined;
-    className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+export interface SearchFilterProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+}
+export default function SearchFilter({ value, onChange, placeholder, className, }: SearchFilterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/filters/SearchFilter.js

@@ -1,7 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import "react";
 import { MagnifyingGlassIcon as n, XMarkIcon as i } from "@heroicons/react/24/outline";
-function f({
+function u({
   value: t = "",
   onChange: a,
   placeholder: r = "Search…",
@@ -39,6 +38,6 @@ function f({
   ] });
 }
 export {
-  f as default
+  u as default
 };
 //# sourceMappingURL=SearchFilter.js.map

package/dist/components/library/filters/SearchFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilter.js","sources":["../../../../src/components/library/filters/SearchFilter.jsx"],"sourcesContent":["import React from \"react\";\nimport { MagnifyingGlassIcon, XMarkIcon } from \"@heroicons/react/24/outline\";\n\nexport default function SearchFilter({\n  value = \"\",\n  onChange,\n  placeholder = \"Search…\",\n  className = \"\",\n}) {\n  return (\n    <div className={[\"relative\", className].filter(Boolean).join(\" \")}>\n      <MagnifyingGlassIcon\n        className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500\"\n        aria-hidden=\"true\"\n      />\n      <input\n        type=\"text\"\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        placeholder={placeholder}\n        className=\"h-9 w-full rounded-lg border border-slate-200 bg-white pl-9 pr-8 text-sm text-slate-900 shadow-sm placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50 dark:placeholder:text-slate-500 dark:focus:ring-offset-slate-950\"\n        aria-label={placeholder}\n      />\n      {value ? (\n        <button\n          type=\"button\"\n          onClick={() => onChange?.(\"\")}\n          className=\"absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-slate-400 hover:text-slate-600 dark:text-slate-500 dark:hover:text-slate-300\"\n          aria-label=\"Clear search\"\n        >\n          <XMarkIcon className=\"h-4 w-4\" />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["SearchFilter","value","onChange","placeholder","className","jsxs","jsx","MagnifyingGlassIcon","e","XMarkIcon"],"mappings":";;;AAGA,SAAwBA,EAAa;AAAA,EACnC,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AACd,GAAG;AACD,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,CAAC,YAAYD,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC9D,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAAL;AAAA,QACA,UAAU,CAACO,MAAMN,IAAWM,EAAE,OAAO,KAAK;AAAA,QAC1C,aAAAL;AAAA,QACA,WAAU;AAAA,QACV,cAAYA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEbF,IACC,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMJ,IAAW,EAAE;AAAA,QAC5B,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,UAAA,gBAAAI,EAACG,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA,IAE/B;AAAA,EAAA,GACN;AAEJ;"}
+{"version":3,"file":"SearchFilter.js","sources":["../../../../src/components/library/filters/SearchFilter.tsx"],"sourcesContent":["import { MagnifyingGlassIcon, XMarkIcon } from \"@heroicons/react/24/outline\";\n\nexport interface SearchFilterProps {\n  value?: string;\n  onChange?: (value: string) => void;\n  placeholder?: string;\n  className?: string;\n}\n\nexport default function SearchFilter({\n  value = \"\",\n  onChange,\n  placeholder = \"Search…\",\n  className = \"\",\n}: SearchFilterProps) {\n  return (\n    <div className={[\"relative\", className].filter(Boolean).join(\" \")}>\n      <MagnifyingGlassIcon\n        className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500\"\n        aria-hidden=\"true\"\n      />\n      <input\n        type=\"text\"\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        placeholder={placeholder}\n        className=\"h-9 w-full rounded-lg border border-slate-200 bg-white pl-9 pr-8 text-sm text-slate-900 shadow-sm placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50 dark:placeholder:text-slate-500 dark:focus:ring-offset-slate-950\"\n        aria-label={placeholder}\n      />\n      {value ? (\n        <button\n          type=\"button\"\n          onClick={() => onChange?.(\"\")}\n          className=\"absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-slate-400 hover:text-slate-600 dark:text-slate-500 dark:hover:text-slate-300\"\n          aria-label=\"Clear search\"\n        >\n          <XMarkIcon className=\"h-4 w-4\" />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["SearchFilter","value","onChange","placeholder","className","jsxs","jsx","MagnifyingGlassIcon","e","XMarkIcon"],"mappings":";;AASA,SAAwBA,EAAa;AAAA,EACnC,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AACd,GAAsB;AACpB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,CAAC,YAAYD,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC9D,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAAL;AAAA,QACA,UAAU,CAACO,MAAMN,IAAWM,EAAE,OAAO,KAAK;AAAA,QAC1C,aAAAL;AAAA,QACA,WAAU;AAAA,QACV,cAAYA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEbF,IACC,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMJ,IAAW,EAAE;AAAA,QAC5B,WAAU;AAAA,QACV,cAAW;AAAA,QAEX,UAAA,gBAAAI,EAACG,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA,IAE/B;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/library/filters/SelectFilter.d.ts

@@ -1,10 +1,16 @@
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectFilterProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    options?: (string | SelectOption)[];
+    label?: string;
+    placeholder?: string;
+    className?: string;
+}
 /**
  * Dropdown select filter.
- *
- * @param {string} value — current selected value
- * @param {Function} onChange — (value) => void
- * @param {Array} options — [{ value, label }] or ["string", ...]
- * @param {string} label — visible label
- * @param {string} placeholder — placeholder when no value selected
  */
-export default function SelectFilter({ value, onChange, options, label, placeholder, className, }: string): import("react/jsx-runtime").JSX.Element;
+export default function SelectFilter({ value, onChange, options, label, placeholder, className, }: SelectFilterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/filters/SelectFilter.js

@@ -1,7 +1,6 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import "react";
 import { ChevronDownIcon as u } from "@heroicons/react/24/outline";
-function h({
+function f({
   value: r = "all",
   onChange: s,
   options: i = [],
@@ -39,6 +38,6 @@ function h({
   ] });
 }
 export {
-  h as default
+  f as default
 };
 //# sourceMappingURL=SelectFilter.js.map

package/dist/components/library/filters/SelectFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFilter.js","sources":["../../../../src/components/library/filters/SelectFilter.jsx"],"sourcesContent":["import React from \"react\";\nimport { ChevronDownIcon } from \"@heroicons/react/24/outline\";\n\n/**\n * Dropdown select filter.\n *\n * @param {string} value — current selected value\n * @param {Function} onChange — (value) => void\n * @param {Array} options — [{ value, label }] or [\"string\", ...]\n * @param {string} label — visible label\n * @param {string} placeholder — placeholder when no value selected\n */\nexport default function SelectFilter({\n  value = \"all\",\n  onChange,\n  options = [],\n  label,\n  placeholder,\n  className = \"\",\n}) {\n  const normalizedOptions = options.map((opt) =>\n    typeof opt === \"string\" ? { value: opt, label: opt } : opt\n  );\n\n  return (\n    <div className={[\"relative inline-flex items-center gap-2\", className].filter(Boolean).join(\" \")}>\n      {label ? (\n        <span className=\"shrink-0 text-xs font-medium text-slate-500 dark:text-slate-400\">\n          {label}\n        </span>\n      ) : null}\n      <div className=\"relative\">\n        <select\n          value={value}\n          onChange={(e) => onChange?.(e.target.value)}\n          className=\"h-9 appearance-none rounded-lg border border-slate-200 bg-white py-0 pl-3 pr-8 text-sm font-medium text-slate-700 shadow-sm focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-200 dark:focus:ring-offset-slate-950\"\n          aria-label={label ?? placeholder ?? \"Filter\"}\n        >\n          {placeholder ? (\n            <option value=\"all\">{placeholder}</option>\n          ) : null}\n          {normalizedOptions.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </select>\n        <ChevronDownIcon\n          className=\"pointer-events-none absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500\"\n          aria-hidden=\"true\"\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["SelectFilter","value","onChange","options","label","placeholder","className","normalizedOptions","opt","jsxs","jsx","ChevronDownIcon"],"mappings":";;;AAYA,SAAwBA,EAAa;AAAA,EACnC,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAG;AACD,QAAMC,IAAoBJ,EAAQ;AAAA,IAAI,CAACK,MACrC,OAAOA,KAAQ,WAAW,EAAE,OAAOA,GAAK,OAAOA,MAAQA;AAAA,EAAA;AAGzD,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,CAAC,2CAA2CH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC5F,UAAA;AAAA,IAAAF,IACC,gBAAAM,EAAC,QAAA,EAAK,WAAU,mEACb,aACH,IACE;AAAA,IACJ,gBAAAD,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAAR;AAAA,UACA,UAAU,CAAC,MAAMC,IAAW,EAAE,OAAO,KAAK;AAAA,UAC1C,WAAU;AAAA,UACV,cAAYE,KAASC,KAAe;AAAA,UAEnC,UAAA;AAAA,YAAAA,IACC,gBAAAK,EAAC,UAAA,EAAO,OAAM,OAAO,aAAY,IAC/B;AAAA,YACHH,EAAkB,IAAI,CAACC,MACtB,gBAAAE,EAAC,UAAA,EAAuB,OAAOF,EAAI,OAChC,UAAAA,EAAI,MAAA,GADMA,EAAI,KAEjB,CACD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SelectFilter.js","sources":["../../../../src/components/library/filters/SelectFilter.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@heroicons/react/24/outline\";\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n}\n\nexport interface SelectFilterProps {\n  value?: string;\n  onChange?: (value: string) => void;\n  options?: (string | SelectOption)[];\n  label?: string;\n  placeholder?: string;\n  className?: string;\n}\n\n/**\n * Dropdown select filter.\n */\nexport default function SelectFilter({\n  value = \"all\",\n  onChange,\n  options = [],\n  label,\n  placeholder,\n  className = \"\",\n}: SelectFilterProps) {\n  const normalizedOptions = options.map((opt) =>\n    typeof opt === \"string\" ? { value: opt, label: opt } : opt\n  );\n\n  return (\n    <div className={[\"relative inline-flex items-center gap-2\", className].filter(Boolean).join(\" \")}>\n      {label ? (\n        <span className=\"shrink-0 text-xs font-medium text-slate-500 dark:text-slate-400\">\n          {label}\n        </span>\n      ) : null}\n      <div className=\"relative\">\n        <select\n          value={value}\n          onChange={(e) => onChange?.(e.target.value)}\n          className=\"h-9 appearance-none rounded-lg border border-slate-200 bg-white py-0 pl-3 pr-8 text-sm font-medium text-slate-700 shadow-sm focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-200 dark:focus:ring-offset-slate-950\"\n          aria-label={label ?? placeholder ?? \"Filter\"}\n        >\n          {placeholder ? (\n            <option value=\"all\">{placeholder}</option>\n          ) : null}\n          {normalizedOptions.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </select>\n        <ChevronDownIcon\n          className=\"pointer-events-none absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500\"\n          aria-hidden=\"true\"\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["SelectFilter","value","onChange","options","label","placeholder","className","normalizedOptions","opt","jsxs","jsx","ChevronDownIcon"],"mappings":";;AAmBA,SAAwBA,EAAa;AAAA,EACnC,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAsB;AACpB,QAAMC,IAAoBJ,EAAQ;AAAA,IAAI,CAACK,MACrC,OAAOA,KAAQ,WAAW,EAAE,OAAOA,GAAK,OAAOA,MAAQA;AAAA,EAAA;AAGzD,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,CAAC,2CAA2CH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC5F,UAAA;AAAA,IAAAF,IACC,gBAAAM,EAAC,QAAA,EAAK,WAAU,mEACb,aACH,IACE;AAAA,IACJ,gBAAAD,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAAR;AAAA,UACA,UAAU,CAAC,MAAMC,IAAW,EAAE,OAAO,KAAK;AAAA,UAC1C,WAAU;AAAA,UACV,cAAYE,KAASC,KAAe;AAAA,UAEnC,UAAA;AAAA,YAAAA,IACC,gBAAAK,EAAC,UAAA,EAAO,OAAM,OAAO,aAAY,IAC/B;AAAA,YACHH,EAAkB,IAAI,CAACC,MACtB,gBAAAE,EAAC,UAAA,EAAuB,OAAOF,EAAI,OAChC,UAAAA,EAAI,MAAA,GADMA,EAAI,KAEjB,CACD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/library/filters/ToggleFilter.d.ts

@@ -1,8 +1,10 @@
+export interface ToggleFilterProps {
+    value?: boolean;
+    onChange?: (value: boolean) => void;
+    label?: string;
+    className?: string;
+}
 /**
  * Toggle switch filter.
- *
- * @param {boolean} value — current on/off state
- * @param {Function} onChange — (boolean) => void
- * @param {string} label — visible label
  */
-export default function ToggleFilter({ value, onChange, label, className, }: boolean): import("react/jsx-runtime").JSX.Element;
+export default function ToggleFilter({ value, onChange, label, className, }: ToggleFilterProps): import("react/jsx-runtime").JSX.Element;