@powerhousedao/design-system 6.2.3-dev.7 → 6.2.3-dev.71

package/dist/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-reducer.js","names":["initialSidebarState","nodes","expandedNodes","Set","pinnedNodePath","searchTerm","searchResults","isSearching","activeSearchIndex","activeNodeId","undefined","isStatusFilterEnabled","nodeSortType","nodeSortOrder","SidebarActionType","sidebarReducer","state","action","type","SET_NODES","payload","sortType","sortOrder","TOGGLE_NODE","newExpandedNodes","has","delete","add","OPEN_NODE","CLOSE_NODE","CHANGE_SEARCH_TERM","SET_SEARCH_RESULTS","SET_IS_SEARCHING","SYNC_ACTIVE_NODE_ID","TOGGLE_STATUS_FILTER","SET_PINNED_NODE_PATH","SET_EXPANDED_NODES","SET_NODES_SORT_TYPE","SET_NODES_SORT_ORDER"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-reducer.ts"],"sourcesContent":["import type { NodeSortOrder, NodeSortType, SidebarNode } from \"../../types.js\";\n\n// State interface\nexport interface SidebarState {\n  nodes: SidebarNode[];\n  expandedNodes: Set<string>;\n  pinnedNodePath: SidebarNode[];\n  searchTerm: string;\n  searchResults: SidebarNode[];\n  isSearching: boolean;\n  activeSearchIndex: number;\n  activeNodeId?: string;\n  isStatusFilterEnabled: boolean;\n  nodeSortType?: NodeSortType;\n  nodeSortOrder: NodeSortOrder;\n}\n\n// Initial state\nexport const initialSidebarState: SidebarState = {\n  nodes: [],\n  expandedNodes: new Set<string>(),\n  pinnedNodePath: [],\n  searchTerm: \"\",\n  searchResults: [],\n  isSearching: false,\n  activeSearchIndex: 0,\n  activeNodeId: undefined,\n  isStatusFilterEnabled: false,\n  nodeSortType: undefined,\n  nodeSortOrder: \"asc\",\n};\n\n// Action types\nexport enum SidebarActionType {\n  SET_NODES = \"SET_NODES\",\n  TOGGLE_NODE = \"TOGGLE_NODE\",\n  OPEN_NODE = \"OPEN_NODE\",\n  CLOSE_NODE = \"CLOSE_NODE\",\n  CHANGE_SEARCH_TERM = \"CHANGE_SEARCH_TERM\",\n  SET_SEARCH_RESULTS = \"SET_SEARCH_RESULTS\",\n  SET_IS_SEARCHING = \"SET_IS_SEARCHING\",\n  SYNC_ACTIVE_NODE_ID = \"SYNC_ACTIVE_NODE_ID\",\n  TOGGLE_STATUS_FILTER = \"TOGGLE_STATUS_FILTER\",\n  SET_PINNED_NODE_PATH = \"SET_PINNED_NODE_PATH\",\n  SET_EXPANDED_NODES = \"SET_EXPANDED_NODES\",\n  SET_NODES_SORT_TYPE = \"SET_NODES_SORT_TYPE\",\n  SET_NODES_SORT_ORDER = \"SET_NODES_SORT_ORDER\",\n}\n\n// Action interfaces\ninterface SetNodesAction {\n  type: SidebarActionType.SET_NODES;\n  payload: {\n    nodes: SidebarNode[];\n    sortType?: NodeSortType;\n    sortOrder?: NodeSortOrder;\n  };\n}\n\ninterface ToggleNodeAction {\n  type: SidebarActionType.TOGGLE_NODE;\n  payload: string; // nodeId\n}\n\ninterface OpenNodeAction {\n  type: SidebarActionType.OPEN_NODE;\n  payload: string; // nodeId\n}\n\ninterface CloseNodeAction {\n  type: SidebarActionType.CLOSE_NODE;\n  payload: string; // nodeId\n}\n\ninterface ChangeSearchTermAction {\n  type: SidebarActionType.CHANGE_SEARCH_TERM;\n  payload: string;\n}\n\ninterface SetSearchResultsAction {\n  type: SidebarActionType.SET_SEARCH_RESULTS;\n  payload: SidebarNode[];\n}\n\ninterface SetIsSearchingAction {\n  type: SidebarActionType.SET_IS_SEARCHING;\n  payload: boolean;\n}\n\ninterface SyncActiveNodeIdAction {\n  type: SidebarActionType.SYNC_ACTIVE_NODE_ID;\n  payload: string | undefined;\n}\n\ninterface ToggleStatusFilterAction {\n  type: SidebarActionType.TOGGLE_STATUS_FILTER;\n}\n\ninterface SetPinnedNodePathAction {\n  type: SidebarActionType.SET_PINNED_NODE_PATH;\n  payload: SidebarNode[];\n}\n\ninterface SetExpandedNodesAction {\n  type: SidebarActionType.SET_EXPANDED_NODES;\n  payload: Set<string>;\n}\n\ninterface SetNodeSortTypeAction {\n  type: SidebarActionType.SET_NODES_SORT_TYPE;\n  payload: NodeSortType | undefined;\n}\n\ninterface SetNodeSortOrderAction {\n  type: SidebarActionType.SET_NODES_SORT_ORDER;\n  payload: NodeSortOrder;\n}\n\n// Union type for all actions\nexport type SidebarAction =\n  | SetNodesAction\n  | ToggleNodeAction\n  | OpenNodeAction\n  | CloseNodeAction\n  | ChangeSearchTermAction\n  | SetSearchResultsAction\n  | SetIsSearchingAction\n  | SyncActiveNodeIdAction\n  | ToggleStatusFilterAction\n  | SetPinnedNodePathAction\n  | SetExpandedNodesAction\n  | SetNodeSortTypeAction\n  | SetNodeSortOrderAction;\n\n// Reducer function\nexport const sidebarReducer = (\n  state: SidebarState = initialSidebarState,\n  action: SidebarAction,\n): SidebarState => {\n  switch (action.type) {\n    case SidebarActionType.SET_NODES: {\n      return {\n        ...state,\n        pinnedNodePath: [],\n        nodes: action.payload.nodes,\n        nodeSortType: action.payload.sortType ?? state.nodeSortType,\n        nodeSortOrder: action.payload.sortOrder ?? state.nodeSortOrder,\n      };\n    }\n\n    case SidebarActionType.TOGGLE_NODE: {\n      const newExpandedNodes = new Set(state.expandedNodes);\n      if (newExpandedNodes.has(action.payload)) {\n        newExpandedNodes.delete(action.payload);\n      } else {\n        newExpandedNodes.add(action.payload);\n      }\n      return {\n        ...state,\n        expandedNodes: newExpandedNodes,\n      };\n    }\n\n    case SidebarActionType.OPEN_NODE: {\n      const newExpandedNodes = new Set(state.expandedNodes);\n      newExpandedNodes.add(action.payload);\n      return {\n        ...state,\n        expandedNodes: newExpandedNodes,\n      };\n    }\n\n    case SidebarActionType.CLOSE_NODE: {\n      const newExpandedNodes = new Set(state.expandedNodes);\n      newExpandedNodes.delete(action.payload);\n      return {\n        ...state,\n        expandedNodes: newExpandedNodes,\n      };\n    }\n\n    case SidebarActionType.CHANGE_SEARCH_TERM:\n      return {\n        ...state,\n        searchTerm: action.payload,\n      };\n\n    case SidebarActionType.SET_SEARCH_RESULTS:\n      return {\n        ...state,\n        searchResults: action.payload,\n      };\n\n    case SidebarActionType.SET_IS_SEARCHING:\n      return {\n        ...state,\n        isSearching: action.payload,\n      };\n\n    case SidebarActionType.SYNC_ACTIVE_NODE_ID:\n      return {\n        ...state,\n        activeNodeId: action.payload,\n      };\n\n    case SidebarActionType.TOGGLE_STATUS_FILTER:\n      return {\n        ...state,\n        isStatusFilterEnabled: !state.isStatusFilterEnabled,\n      };\n\n    case SidebarActionType.SET_PINNED_NODE_PATH: {\n      return {\n        ...state,\n        pinnedNodePath: action.payload,\n      };\n    }\n\n    case SidebarActionType.SET_EXPANDED_NODES:\n      return {\n        ...state,\n        expandedNodes: action.payload,\n      };\n\n    case SidebarActionType.SET_NODES_SORT_TYPE:\n      return {\n        ...state,\n        nodeSortType: action.payload,\n      };\n\n    case SidebarActionType.SET_NODES_SORT_ORDER:\n      return {\n        ...state,\n        nodeSortOrder: action.payload,\n      };\n\n    default:\n      return state;\n  }\n};\n"],"mappings":";AAkBA,MAAaA,sBAAoC;CAC/CC,OAAO,EAAE;CACTC,+BAAe,IAAIC,KAAa;CAChCC,gBAAgB,EAAE;CAClBC,YAAY;CACZC,eAAe,EAAE;CACjBC,aAAa;CACbC,mBAAmB;CACnBC,cAAcC,KAAAA;CACdC,uBAAuB;CACvBC,cAAcF,KAAAA;CACdG,eAAe;CAChB;AAGD,IAAYC,oBAAiB,yBAAjBA,mBAAiB;AAAjBA,mBAAiB,eAAA;AAAjBA,mBAAiB,iBAAA;AAAjBA,mBAAiB,eAAA;AAAjBA,mBAAiB,gBAAA;AAAjBA,mBAAiB,wBAAA;AAAjBA,mBAAiB,wBAAA;AAAjBA,mBAAiB,sBAAA;AAAjBA,mBAAiB,yBAAA;AAAjBA,mBAAiB,0BAAA;AAAjBA,mBAAiB,0BAAA;AAAjBA,mBAAiB,wBAAA;AAAjBA,mBAAiB,yBAAA;AAAjBA,mBAAiB,0BAAA;AAAA,QAAjBA;EAAiB,EAAA,CAAA;AAsG7B,MAAaC,kBACXC,QAAsBhB,qBACtBiB,WACiB;AACjB,SAAQA,OAAOC,MAAf;EACE,KAAKJ,kBAAkBK,UACrB,QAAO;GACL,GAAGH;GACHZ,gBAAgB,EAAE;GAClBH,OAAOgB,OAAOG,QAAQnB;GACtBW,cAAcK,OAAOG,QAAQC,YAAYL,MAAMJ;GAC/CC,eAAeI,OAAOG,QAAQE,aAAaN,MAAMH;GAClD;EAGH,KAAKC,kBAAkBS,aAAa;GAClC,MAAMC,mBAAmB,IAAIrB,IAAIa,MAAMd,cAAc;AACrD,OAAIsB,iBAAiBC,IAAIR,OAAOG,QAAQ,CACtCI,kBAAiBE,OAAOT,OAAOG,QAAQ;OAEvCI,kBAAiBG,IAAIV,OAAOG,QAAQ;AAEtC,UAAO;IACL,GAAGJ;IACHd,eAAesB;IAChB;;EAGH,KAAKV,kBAAkBc,WAAW;GAChC,MAAMJ,mBAAmB,IAAIrB,IAAIa,MAAMd,cAAc;AACrDsB,oBAAiBG,IAAIV,OAAOG,QAAQ;AACpC,UAAO;IACL,GAAGJ;IACHd,eAAesB;IAChB;;EAGH,KAAKV,kBAAkBe,YAAY;GACjC,MAAML,mBAAmB,IAAIrB,IAAIa,MAAMd,cAAc;AACrDsB,oBAAiBE,OAAOT,OAAOG,QAAQ;AACvC,UAAO;IACL,GAAGJ;IACHd,eAAesB;IAChB;;EAGH,KAAKV,kBAAkBgB,mBACrB,QAAO;GACL,GAAGd;GACHX,YAAYY,OAAOG;GACpB;EAEH,KAAKN,kBAAkBiB,mBACrB,QAAO;GACL,GAAGf;GACHV,eAAeW,OAAOG;GACvB;EAEH,KAAKN,kBAAkBkB,iBACrB,QAAO;GACL,GAAGhB;GACHT,aAAaU,OAAOG;GACrB;EAEH,KAAKN,kBAAkBmB,oBACrB,QAAO;GACL,GAAGjB;GACHP,cAAcQ,OAAOG;GACtB;EAEH,KAAKN,kBAAkBoB,qBACrB,QAAO;GACL,GAAGlB;GACHL,uBAAuB,CAACK,MAAML;GAC/B;EAEH,KAAKG,kBAAkBqB,qBACrB,QAAO;GACL,GAAGnB;GACHZ,gBAAgBa,OAAOG;GACxB;EAGH,KAAKN,kBAAkBsB,mBACrB,QAAO;GACL,GAAGpB;GACHd,eAAee,OAAOG;GACvB;EAEH,KAAKN,kBAAkBuB,oBACrB,QAAO;GACL,GAAGrB;GACHJ,cAAcK,OAAOG;GACtB;EAEH,KAAKN,kBAAkBwB,qBACrB,QAAO;GACL,GAAGtB;GACHH,eAAeI,OAAOG;GACvB;EAEH,QACE,QAAOJ"}
+{"version":3,"file":"sidebar-reducer.js","names":["initialSidebarState","nodes","expandedNodes","Set","pinnedNodePath","searchTerm","searchResults","isSearching","activeSearchIndex","activeNodeId","undefined","isStatusFilterEnabled","nodeSortType","nodeSortOrder","SidebarActionType","sidebarReducer","state","action","type","SET_NODES","payload","sortType","sortOrder","TOGGLE_NODE","newExpandedNodes","has","delete","add","OPEN_NODE","CLOSE_NODE","CHANGE_SEARCH_TERM","SET_SEARCH_RESULTS","SET_IS_SEARCHING","SYNC_ACTIVE_NODE_ID","TOGGLE_STATUS_FILTER","SET_PINNED_NODE_PATH","SET_EXPANDED_NODES","SET_NODES_SORT_TYPE","SET_NODES_SORT_ORDER"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-reducer.ts"],"sourcesContent":["import type { NodeSortOrder, NodeSortType, SidebarNode } from \"../../types.js\";\n\n// State interface\nexport interface SidebarState {\n  nodes: SidebarNode[];\n  expandedNodes: Set<string>;\n  pinnedNodePath: SidebarNode[];\n  searchTerm: string;\n  searchResults: SidebarNode[];\n  isSearching: boolean;\n  activeSearchIndex: number;\n  activeNodeId?: string;\n  isStatusFilterEnabled: boolean;\n  nodeSortType?: NodeSortType;\n  nodeSortOrder: NodeSortOrder;\n}\n\n// Initial state\nexport const initialSidebarState: SidebarState = {\n  nodes: [],\n  expandedNodes: new Set<string>(),\n  pinnedNodePath: [],\n  searchTerm: \"\",\n  searchResults: [],\n  isSearching: false,\n  activeSearchIndex: 0,\n  activeNodeId: undefined,\n  isStatusFilterEnabled: false,\n  nodeSortType: undefined,\n  nodeSortOrder: \"asc\",\n};\n\n// Action types\nexport enum SidebarActionType {\n  SET_NODES = \"SET_NODES\",\n  TOGGLE_NODE = \"TOGGLE_NODE\",\n  OPEN_NODE = \"OPEN_NODE\",\n  CLOSE_NODE = \"CLOSE_NODE\",\n  CHANGE_SEARCH_TERM = \"CHANGE_SEARCH_TERM\",\n  SET_SEARCH_RESULTS = \"SET_SEARCH_RESULTS\",\n  SET_IS_SEARCHING = \"SET_IS_SEARCHING\",\n  SYNC_ACTIVE_NODE_ID = \"SYNC_ACTIVE_NODE_ID\",\n  TOGGLE_STATUS_FILTER = \"TOGGLE_STATUS_FILTER\",\n  SET_PINNED_NODE_PATH = \"SET_PINNED_NODE_PATH\",\n  SET_EXPANDED_NODES = \"SET_EXPANDED_NODES\",\n  SET_NODES_SORT_TYPE = \"SET_NODES_SORT_TYPE\",\n  SET_NODES_SORT_ORDER = \"SET_NODES_SORT_ORDER\",\n}\n\n// Action interfaces\ninterface SetNodesAction {\n  type: SidebarActionType.SET_NODES;\n  payload: {\n    nodes: SidebarNode[];\n    sortType?: NodeSortType;\n    sortOrder?: NodeSortOrder;\n  };\n}\n\ninterface ToggleNodeAction {\n  type: SidebarActionType.TOGGLE_NODE;\n  payload: string; // nodeId\n}\n\ninterface OpenNodeAction {\n  type: SidebarActionType.OPEN_NODE;\n  payload: string; // nodeId\n}\n\ninterface CloseNodeAction {\n  type: SidebarActionType.CLOSE_NODE;\n  payload: string; // nodeId\n}\n\ninterface ChangeSearchTermAction {\n  type: SidebarActionType.CHANGE_SEARCH_TERM;\n  payload: string;\n}\n\ninterface SetSearchResultsAction {\n  type: SidebarActionType.SET_SEARCH_RESULTS;\n  payload: SidebarNode[];\n}\n\ninterface SetIsSearchingAction {\n  type: SidebarActionType.SET_IS_SEARCHING;\n  payload: boolean;\n}\n\ninterface SyncActiveNodeIdAction {\n  type: SidebarActionType.SYNC_ACTIVE_NODE_ID;\n  payload: string | undefined;\n}\n\ninterface ToggleStatusFilterAction {\n  type: SidebarActionType.TOGGLE_STATUS_FILTER;\n}\n\ninterface SetPinnedNodePathAction {\n  type: SidebarActionType.SET_PINNED_NODE_PATH;\n  payload: SidebarNode[];\n}\n\ninterface SetExpandedNodesAction {\n  type: SidebarActionType.SET_EXPANDED_NODES;\n  payload: Set<string>;\n}\n\ninterface SetNodeSortTypeAction {\n  type: SidebarActionType.SET_NODES_SORT_TYPE;\n  payload: NodeSortType | undefined;\n}\n\ninterface SetNodeSortOrderAction {\n  type: SidebarActionType.SET_NODES_SORT_ORDER;\n  payload: NodeSortOrder;\n}\n\n// Union type for all actions\nexport type SidebarAction =\n  | SetNodesAction\n  | ToggleNodeAction\n  | OpenNodeAction\n  | CloseNodeAction\n  | ChangeSearchTermAction\n  | SetSearchResultsAction\n  | SetIsSearchingAction\n  | SyncActiveNodeIdAction\n  | ToggleStatusFilterAction\n  | SetPinnedNodePathAction\n  | SetExpandedNodesAction\n  | SetNodeSortTypeAction\n  | SetNodeSortOrderAction;\n\n// Reducer function\nexport const sidebarReducer = (\n  state: SidebarState = initialSidebarState,\n  action: SidebarAction,\n): SidebarState => {\n  switch (action.type) {\n    case SidebarActionType.SET_NODES: {\n      return {\n        ...state,\n        pinnedNodePath: [],\n        nodes: action.payload.nodes,\n        nodeSortType: action.payload.sortType ?? state.nodeSortType,\n        nodeSortOrder: action.payload.sortOrder ?? state.nodeSortOrder,\n      };\n    }\n\n    case SidebarActionType.TOGGLE_NODE: {\n      const newExpandedNodes = new Set(state.expandedNodes);\n      if (newExpandedNodes.has(action.payload)) {\n        newExpandedNodes.delete(action.payload);\n      } else {\n        newExpandedNodes.add(action.payload);\n      }\n      return {\n        ...state,\n        expandedNodes: newExpandedNodes,\n      };\n    }\n\n    case SidebarActionType.OPEN_NODE: {\n      const newExpandedNodes = new Set(state.expandedNodes);\n      newExpandedNodes.add(action.payload);\n      return {\n        ...state,\n        expandedNodes: newExpandedNodes,\n      };\n    }\n\n    case SidebarActionType.CLOSE_NODE: {\n      const newExpandedNodes = new Set(state.expandedNodes);\n      newExpandedNodes.delete(action.payload);\n      return {\n        ...state,\n        expandedNodes: newExpandedNodes,\n      };\n    }\n\n    case SidebarActionType.CHANGE_SEARCH_TERM:\n      return {\n        ...state,\n        searchTerm: action.payload,\n      };\n\n    case SidebarActionType.SET_SEARCH_RESULTS:\n      return {\n        ...state,\n        searchResults: action.payload,\n      };\n\n    case SidebarActionType.SET_IS_SEARCHING:\n      return {\n        ...state,\n        isSearching: action.payload,\n      };\n\n    case SidebarActionType.SYNC_ACTIVE_NODE_ID:\n      return {\n        ...state,\n        activeNodeId: action.payload,\n      };\n\n    case SidebarActionType.TOGGLE_STATUS_FILTER:\n      return {\n        ...state,\n        isStatusFilterEnabled: !state.isStatusFilterEnabled,\n      };\n\n    case SidebarActionType.SET_PINNED_NODE_PATH: {\n      return {\n        ...state,\n        pinnedNodePath: action.payload,\n      };\n    }\n\n    case SidebarActionType.SET_EXPANDED_NODES:\n      return {\n        ...state,\n        expandedNodes: action.payload,\n      };\n\n    case SidebarActionType.SET_NODES_SORT_TYPE:\n      return {\n        ...state,\n        nodeSortType: action.payload,\n      };\n\n    case SidebarActionType.SET_NODES_SORT_ORDER:\n      return {\n        ...state,\n        nodeSortOrder: action.payload,\n      };\n\n    default:\n      return state;\n  }\n};\n"],"mappings":";AAkBA,MAAaA,sBAAoC;CAC/CC,OAAO,CAAA;CACPC,+BAAe,IAAIC,IAAY;CAC/BC,gBAAgB,CAAA;CAChBC,YAAY;CACZC,eAAe,CAAA;CACfC,aAAa;CACbC,mBAAmB;CACnBC,cAAcC,KAAAA;CACdC,uBAAuB;CACvBC,cAAcF,KAAAA;CACdG,eAAe;AACjB;AAGA,IAAYC,oBAAiB,uBAAjBA,mBAAiB;CAAjBA,kBAAiB,eAAA;CAAjBA,kBAAiB,iBAAA;CAAjBA,kBAAiB,eAAA;CAAjBA,kBAAiB,gBAAA;CAAjBA,kBAAiB,wBAAA;CAAjBA,kBAAiB,wBAAA;CAAjBA,kBAAiB,sBAAA;CAAjBA,kBAAiB,yBAAA;CAAjBA,kBAAiB,0BAAA;CAAjBA,kBAAiB,0BAAA;CAAjBA,kBAAiB,wBAAA;CAAjBA,kBAAiB,yBAAA;CAAjBA,kBAAiB,0BAAA;CAAA,OAAjBA;AAAiB,EAAA,CAAA,CAAA;AAsG7B,MAAaC,kBACXC,QAAsBhB,qBACtBiB,WACiB;CACjB,QAAQA,OAAOC,MAAf;EACE,KAAKJ,kBAAkBK,WACrB,OAAO;GACL,GAAGH;GACHZ,gBAAgB,CAAA;GAChBH,OAAOgB,OAAOG,QAAQnB;GACtBW,cAAcK,OAAOG,QAAQC,YAAYL,MAAMJ;GAC/CC,eAAeI,OAAOG,QAAQE,aAAaN,MAAMH;EACnD;EAGF,KAAKC,kBAAkBS,aAAa;GAClC,MAAMC,mBAAmB,IAAIrB,IAAIa,MAAMd,aAAa;GACpD,IAAIsB,iBAAiBC,IAAIR,OAAOG,OAAO,GACrCI,iBAAiBE,OAAOT,OAAOG,OAAO;QAEtCI,iBAAiBG,IAAIV,OAAOG,OAAO;GAErC,OAAO;IACL,GAAGJ;IACHd,eAAesB;GACjB;EACF;EAEA,KAAKV,kBAAkBc,WAAW;GAChC,MAAMJ,mBAAmB,IAAIrB,IAAIa,MAAMd,aAAa;GACpDsB,iBAAiBG,IAAIV,OAAOG,OAAO;GACnC,OAAO;IACL,GAAGJ;IACHd,eAAesB;GACjB;EACF;EAEA,KAAKV,kBAAkBe,YAAY;GACjC,MAAML,mBAAmB,IAAIrB,IAAIa,MAAMd,aAAa;GACpDsB,iBAAiBE,OAAOT,OAAOG,OAAO;GACtC,OAAO;IACL,GAAGJ;IACHd,eAAesB;GACjB;EACF;EAEA,KAAKV,kBAAkBgB,oBACrB,OAAO;GACL,GAAGd;GACHX,YAAYY,OAAOG;EACrB;EAEF,KAAKN,kBAAkBiB,oBACrB,OAAO;GACL,GAAGf;GACHV,eAAeW,OAAOG;EACxB;EAEF,KAAKN,kBAAkBkB,kBACrB,OAAO;GACL,GAAGhB;GACHT,aAAaU,OAAOG;EACtB;EAEF,KAAKN,kBAAkBmB,qBACrB,OAAO;GACL,GAAGjB;GACHP,cAAcQ,OAAOG;EACvB;EAEF,KAAKN,kBAAkBoB,sBACrB,OAAO;GACL,GAAGlB;GACHL,uBAAuB,CAACK,MAAML;EAChC;EAEF,KAAKG,kBAAkBqB,sBACrB,OAAO;GACL,GAAGnB;GACHZ,gBAAgBa,OAAOG;EACzB;EAGF,KAAKN,kBAAkBsB,oBACrB,OAAO;GACL,GAAGpB;GACHd,eAAee,OAAOG;EACxB;EAEF,KAAKN,kBAAkBuB,qBACrB,OAAO;GACL,GAAGrB;GACHJ,cAAcK,OAAOG;EACvB;EAEF,KAAKN,kBAAkBwB,sBACrB,OAAO;GACL,GAAGtB;GACHH,eAAeI,OAAOG;EACxB;EAEF,SACE,OAAOJ;CACX;AACF"}

package/dist/ui/components/sidebar/subcomponents/sidebar-search/index.d.ts

@@ -1,4 +1,5 @@
 import { SearchNavigationArrow } from "./search-navigation-arrow.js";
 import { SearchResultCounter } from "./search-result-counter.js";
 import { SidebarSearch } from "./sidebar-search.js";
-export { SearchNavigationArrow, SearchResultCounter, SidebarSearch };
+export { SearchNavigationArrow, SearchResultCounter, SidebarSearch };
+export {};

package/dist/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.d.ts

@@ -4,7 +4,7 @@ interface SearchNavigationArrowProps {
   isDisabled: boolean;
   onClick: () => void;
 }
-declare const SearchNavigationArrow: React.FC<SearchNavigationArrowProps>;
+export declare const SearchNavigationArrow: React.FC<SearchNavigationArrowProps>;
 //#endregion
-export { SearchNavigationArrow };
+export {};
 //# sourceMappingURL=search-navigation-arrow.d.ts.map

package/dist/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-navigation-arrow.d.ts","names":[],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.tsx"],"mappings":";UAEU,0BAAA;EACR,SAAA;EACA,UAAA;EACA,OAAA;AAAA;AAAA,cAGW,qBAAA,EAAuB,KAAA,CAAM,EAAA,CAAG,0BAAA"}
+{"version":3,"file":"search-navigation-arrow.d.ts","names":[],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.tsx"],"mappings":";UAEU;EACR;EACA;EACA;;qBAGW,uBAAuB,MAAM,GAAG"}

package/dist/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-navigation-arrow.js","names":["twMerge","SearchNavigationArrow","direction","isDisabled","onClick"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\n\ninterface SearchNavigationArrowProps {\n  direction: \"down\" | \"up\";\n  isDisabled: boolean;\n  onClick: () => void;\n}\n\nexport const SearchNavigationArrow: React.FC<SearchNavigationArrowProps> = ({\n  direction,\n  isDisabled,\n  onClick,\n}) => (\n  <div\n    className={twMerge(\n      \"cursor-pointer px-1 py-0.5 hover:hover-effect\",\n      isDisabled && \"cursor-not-allowed text-muted-foreground\",\n    )}\n    onClick={onClick}\n  >\n    <svg\n      width=\"8\"\n      height=\"6\"\n      viewBox=\"0 0 8 6\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d={\n          direction === \"up\"\n            ? \"M0.266663 5.6001H7.73333L4 0.800097L0.266663 5.6001Z\"\n            : \"M0.266663 0.399902H7.73333L4 5.1999L0.266663 0.399902Z\"\n        }\n        fill=\"currentcolor\"\n      />\n    </svg>\n  </div>\n);\n"],"mappings":";;;AAQA,MAAaC,yBAA+D,EAC1EC,WACAC,YACAC,cAEA,oBAAC,OAAD;CACE,WAAWJ,QACT,iDACAG,cAAc,2CACf;CACQC;WAET,oBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YAEN,oBAAC,QAAD;GACE,GACEF,cAAc,OACV,yDACA;GAEN,MAAK;GAAc,CAAA;EAElB,CAAA;CAER,CAAA"}
+{"version":3,"file":"search-navigation-arrow.js","names":["twMerge","SearchNavigationArrow","direction","isDisabled","onClick"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\n\ninterface SearchNavigationArrowProps {\n  direction: \"down\" | \"up\";\n  isDisabled: boolean;\n  onClick: () => void;\n}\n\nexport const SearchNavigationArrow: React.FC<SearchNavigationArrowProps> = ({\n  direction,\n  isDisabled,\n  onClick,\n}) => (\n  <div\n    className={twMerge(\n      \"cursor-pointer px-1 py-0.5 hover:hover-effect\",\n      isDisabled && \"cursor-not-allowed text-muted-foreground\",\n    )}\n    onClick={onClick}\n  >\n    <svg\n      width=\"8\"\n      height=\"6\"\n      viewBox=\"0 0 8 6\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d={\n          direction === \"up\"\n            ? \"M0.266663 5.6001H7.73333L4 0.800097L0.266663 5.6001Z\"\n            : \"M0.266663 0.399902H7.73333L4 5.1999L0.266663 0.399902Z\"\n        }\n        fill=\"currentcolor\"\n      />\n    </svg>\n  </div>\n);\n"],"mappings":";;;AAQA,MAAaC,yBAA+D,EAC1EC,WACAC,YACAC,cAEA,oBAAC,OAAD;CACE,WAAWJ,QACT,iDACAG,cAAc,0CAChB;CACSC;CAET,UAAA,oBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;EAEN,UAAA,oBAAC,QAAD;GACE,GACEF,cAAc,OACV,yDACA;GAEN,MAAK;EAAc,CAAA;CAElB,CAAA;AACF,CAAA"}

package/dist/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.d.ts

@@ -4,7 +4,7 @@ interface SearchResultCounterProps {
   activeIndex: number;
   totalResults: number;
 }
-declare const SearchResultCounter: React.FC<SearchResultCounterProps>;
+export declare const SearchResultCounter: React.FC<SearchResultCounterProps>;
 //#endregion
-export { SearchResultCounter };
+export {};
 //# sourceMappingURL=search-result-counter.d.ts.map

package/dist/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-result-counter.d.ts","names":[],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.tsx"],"mappings":";UAAU,wBAAA;EACR,WAAA;EACA,WAAA;EACA,YAAA;AAAA;AAAA,cAGW,mBAAA,EAAqB,KAAA,CAAM,EAAA,CAAG,wBAAA"}
+{"version":3,"file":"search-result-counter.d.ts","names":[],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.tsx"],"mappings":";UAAU;EACR;EACA;EACA;;qBAGW,qBAAqB,MAAM,GAAG"}

package/dist/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-result-counter.js","names":["SearchResultCounter","isSearching","activeIndex","totalResults"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.tsx"],"sourcesContent":["interface SearchResultCounterProps {\n  isSearching: boolean;\n  activeIndex: number;\n  totalResults: number;\n}\n\nexport const SearchResultCounter: React.FC<SearchResultCounterProps> = ({\n  isSearching,\n  activeIndex,\n  totalResults,\n}) => {\n  if (isSearching) {\n    return <div className=\"h-4 w-6 animate-pulse rounded-sm bg-secondary\" />;\n  }\n\n  return (\n    <div className=\"text-xs\">\n      {totalResults > 0 ? (\n        <>\n          <span className=\"text-foreground\">{activeIndex + 1}</span>\n          <span className=\"text-muted-foreground\">/{totalResults}</span>\n        </>\n      ) : (\n        <span className=\"text-muted-foreground\">0/0</span>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;AAMA,MAAaA,uBAA2D,EACtEC,aACAC,aACAC,mBACI;AACJ,KAAIF,YACF,QAAO,oBAAC,OAAD,EAAK,WAAU,iDAAkD,CAAA;AAG1E,QACE,oBAAC,OAAD;EAAK,WAAU;YACZE,eAAe,IACd,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;aAAmBD,cAAc;GAAQ,CAAA,EACzD,qBAAC,QAAD;GAAM,WAAU;aAAhB,CAAwC,KAAEC,aAAmB;KAC5D,EAAA,CAAA,GAEH,oBAAC,QAAD;GAAM,WAAU;aAAwB;GACzC,CAAA;EACG,CAAA"}
+{"version":3,"file":"search-result-counter.js","names":["SearchResultCounter","isSearching","activeIndex","totalResults"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.tsx"],"sourcesContent":["interface SearchResultCounterProps {\n  isSearching: boolean;\n  activeIndex: number;\n  totalResults: number;\n}\n\nexport const SearchResultCounter: React.FC<SearchResultCounterProps> = ({\n  isSearching,\n  activeIndex,\n  totalResults,\n}) => {\n  if (isSearching) {\n    return <div className=\"h-4 w-6 animate-pulse rounded-sm bg-secondary\" />;\n  }\n\n  return (\n    <div className=\"text-xs\">\n      {totalResults > 0 ? (\n        <>\n          <span className=\"text-foreground\">{activeIndex + 1}</span>\n          <span className=\"text-muted-foreground\">/{totalResults}</span>\n        </>\n      ) : (\n        <span className=\"text-muted-foreground\">0/0</span>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;AAMA,MAAaA,uBAA2D,EACtEC,aACAC,aACAC,mBACI;CACJ,IAAIF,aACF,OAAO,oBAAC,OAAD,EAAK,WAAU,gDAA+C,CAAA;CAGvE,OACE,oBAAC,OAAD;EAAK,WAAU;EACZE,UAAAA,eAAe,IACd,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GAAmBD,UAAAA,cAAc;EAAQ,CAAA,GACzD,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CAAwC,KAAEC,YAAmB;EAC/D,CAAA,CAAA,EAAA,CAAA,IAEA,oBAAC,QAAD;GAAM,WAAU;GAAwB,UAAA;EAAS,CAAA;CAEhD,CAAA;AAET"}

package/dist/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.d.ts

@@ -2,7 +2,7 @@
 interface SidebarSearchProps {
   showStatusFilter: boolean;
 }
-declare const SidebarSearch: React.FC<SidebarSearchProps>;
+export declare const SidebarSearch: React.FC<SidebarSearchProps>;
 //#endregion
-export { SidebarSearch };
+export {};
 //# sourceMappingURL=sidebar-search.d.ts.map

package/dist/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-search.d.ts","names":[],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.tsx"],"mappings":";UAUU,kBAAA;EACR,gBAAA;AAAA;AAAA,cAGW,aAAA,EAAe,KAAA,CAAM,EAAA,CAAG,kBAAA"}
+{"version":3,"file":"sidebar-search.d.ts","names":[],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.tsx"],"mappings":";UAUU;EACR;;qBAGW,eAAe,MAAM,GAAG"}

package/dist/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.js

@@ -1,8 +1,8 @@
-import { n as Search, r as CrossCircle, t as Tabler } from "../../../../../Tabler-FjvVqX5a.js";
 import { Input } from "../../../input/input.js";
 import { useSidebar } from "../sidebar-provider/sidebar-provider.js";
 import { SearchNavigationArrow } from "./search-navigation-arrow.js";
 import { SearchResultCounter } from "./search-result-counter.js";
+import { n as Search, r as CrossCircle, t as Tabler } from "../../../../../Tabler-rjLxlzUV.js";
 import { useLayoutEffect, useRef, useState } from "react";
 import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-search.js","names":["useLayoutEffect","useRef","useState","twMerge","Input","CrossCircle","Search","Tabler","useSidebar","SearchNavigationArrow","SearchResultCounter","SidebarSearch","showStatusFilter","searchTerm","isSearching","searchResults","activeSearchIndex","isStatusFilterEnabled","changeSearchTerm","nextSearchResult","previousSearchResult","toggleStatusFilter","searchControlsRef","searchControlsPaddingRight","setSearchControlsPaddingRight","current","clientWidth","e","target","value","key","paddingRight","length"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Input } from \"../../../input/input.js\";\nimport CrossCircle from \"../../../../../powerhouse/components/icon-components/CrossCircle.js\";\nimport Search from \"../../../../../powerhouse/components/icon-components/Search.js\";\nimport Tabler from \"../../../../../powerhouse/components/icon-components/Tabler.js\";\nimport { useSidebar } from \"../sidebar-provider/index.js\";\nimport { SearchNavigationArrow } from \"./search-navigation-arrow.js\";\nimport { SearchResultCounter } from \"./search-result-counter.js\";\n\ninterface SidebarSearchProps {\n  showStatusFilter: boolean;\n}\n\nexport const SidebarSearch: React.FC<SidebarSearchProps> = ({\n  showStatusFilter,\n}) => {\n  const {\n    searchTerm,\n    isSearching,\n    searchResults,\n    activeSearchIndex,\n    isStatusFilterEnabled,\n    changeSearchTerm,\n    nextSearchResult,\n    previousSearchResult,\n    toggleStatusFilter,\n  } = useSidebar();\n  const searchControlsRef = useRef<HTMLDivElement>(null);\n  const [searchControlsPaddingRight, setSearchControlsPaddingRight] =\n    useState(16);\n\n  useLayoutEffect(() => {\n    if (searchControlsRef.current) {\n      setSearchControlsPaddingRight(searchControlsRef.current.clientWidth + 16);\n    }\n  }, [searchTerm]);\n\n  return (\n    <div className=\"flex w-full gap-2 border-t border-sidebar-border p-2\">\n      <div className=\"relative flex-1\">\n        <Input\n          type=\"search\"\n          value={searchTerm}\n          onChange={(e) => changeSearchTerm(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"ArrowDown\" || e.key === \"Enter\") {\n              nextSearchResult();\n            } else if (e.key === \"ArrowUp\") {\n              previousSearchResult();\n            }\n          }}\n          tabIndex={1}\n          placeholder=\"Search\"\n          className=\"w-full appearance-none pl-8 [&::-webkit-search-cancel-button]:hidden\"\n          style={{ paddingRight: searchControlsPaddingRight }}\n        />\n\n        <Search\n          height={16}\n          width={16}\n          className=\"absolute top-1/2 left-2 -translate-y-1/2 text-foreground\"\n        />\n\n        {/* Search controls - only shown when there's a search term */}\n        {searchTerm && (\n          <div\n            ref={searchControlsRef}\n            className=\"absolute top-1/2 right-2 flex -translate-y-1/2 items-center gap-2 select-none\"\n          >\n            <SearchResultCounter\n              isSearching={isSearching}\n              activeIndex={activeSearchIndex}\n              totalResults={searchResults.length}\n            />\n\n            <div className=\"flex flex-col text-muted-foreground\">\n              <SearchNavigationArrow\n                direction=\"up\"\n                isDisabled={activeSearchIndex === 0}\n                onClick={previousSearchResult}\n              />\n              <SearchNavigationArrow\n                direction=\"down\"\n                isDisabled={activeSearchIndex === searchResults.length - 1}\n                onClick={nextSearchResult}\n              />\n            </div>\n\n            {/* Clear search button */}\n            <CrossCircle\n              onClick={() => changeSearchTerm(\"\")}\n              height={16}\n              width={16}\n              className=\"cursor-pointer text-muted-foreground hover:hover-effect active:active-effect\"\n            />\n          </div>\n        )}\n      </div>\n\n      {showStatusFilter && (\n        <button\n          type=\"button\"\n          onClick={toggleStatusFilter}\n          tabIndex={1}\n          className={twMerge(\n            \"rounded-md border border-border px-2 py-1 text-sm text-muted-foreground\",\n            isStatusFilterEnabled\n              ? \"border-info bg-info/10 text-info\"\n              : \"hover:hover-effect\",\n          )}\n        >\n          <Tabler height={16} width={16} />\n        </button>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAcA,MAAaW,iBAA+C,EAC1DC,uBACI;CACJ,MAAM,EACJC,YACAC,aACAC,eACAC,mBACAC,uBACAC,kBACAC,kBACAC,sBACAC,uBACEb,YAAY;CAChB,MAAMc,oBAAoBrB,OAAuB,KAAK;CACtD,MAAM,CAACsB,4BAA4BC,iCACjCtB,SAAS,GAAG;AAEdF,uBAAsB;AACpB,MAAIsB,kBAAkBG,QACpBD,+BAA8BF,kBAAkBG,QAAQC,cAAc,GAAG;IAE1E,CAACb,WAAW,CAAC;AAEhB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,OAAD;KACE,MAAK;KACL,OAAOA;KACP,WAAWc,MAAMT,iBAAiBS,EAAEC,OAAOC,MAAM;KACjD,YAAYF,MAAM;AAChB,UAAIA,EAAEG,QAAQ,eAAeH,EAAEG,QAAQ,QACrCX,mBAAkB;eACTQ,EAAEG,QAAQ,UACnBV,uBAAsB;;KAG1B,UAAU;KACV,aAAY;KACZ,WAAU;KACV,OAAO,EAAEW,cAAcR,4BAA4B;KAAC,CAAA;IAGtD,oBAAC,QAAD;KACE,QAAQ;KACR,OAAO;KACP,WAAU;KAA0D,CAAA;IAIrEV,cACC,qBAAC,OAAD;KACE,KAAKS;KACL,WAAU;eAFZ;MAIE,oBAAC,qBAAD;OACeR;OACb,aAAaE;OACb,cAAcD,cAAciB;OAAO,CAAA;MAGrC,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,oBAAC,uBAAD;QACE,WAAU;QACV,YAAYhB,sBAAsB;QAClC,SAASI;QAAqB,CAAA,EAEhC,oBAAC,uBAAD;QACE,WAAU;QACV,YAAYJ,sBAAsBD,cAAciB,SAAS;QACzD,SAASb;QAAiB,CAAA,CAEzB;;MAGL,oBAAC,aAAD;OACE,eAAeD,iBAAiB,GAAG;OACnC,QAAQ;OACR,OAAO;OACP,WAAU;OAA8E,CAAA;MAG7F;;IACE;MAEJN,oBACC,oBAAC,UAAD;GACE,MAAK;GACL,SAASS;GACT,UAAU;GACV,WAAWlB,QACT,2EACAc,wBACI,qCACA,qBACL;aAED,oBAAC,QAAD;IAAQ,QAAQ;IAAI,OAAO;IAAG,CAAA;GAEjC,CAAA,CACG"}
+{"version":3,"file":"sidebar-search.js","names":["useLayoutEffect","useRef","useState","twMerge","Input","CrossCircle","Search","Tabler","useSidebar","SearchNavigationArrow","SearchResultCounter","SidebarSearch","showStatusFilter","searchTerm","isSearching","searchResults","activeSearchIndex","isStatusFilterEnabled","changeSearchTerm","nextSearchResult","previousSearchResult","toggleStatusFilter","searchControlsRef","searchControlsPaddingRight","setSearchControlsPaddingRight","current","clientWidth","e","target","value","key","paddingRight","length"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Input } from \"../../../input/input.js\";\nimport CrossCircle from \"../../../../../powerhouse/components/icon-components/CrossCircle.js\";\nimport Search from \"../../../../../powerhouse/components/icon-components/Search.js\";\nimport Tabler from \"../../../../../powerhouse/components/icon-components/Tabler.js\";\nimport { useSidebar } from \"../sidebar-provider/index.js\";\nimport { SearchNavigationArrow } from \"./search-navigation-arrow.js\";\nimport { SearchResultCounter } from \"./search-result-counter.js\";\n\ninterface SidebarSearchProps {\n  showStatusFilter: boolean;\n}\n\nexport const SidebarSearch: React.FC<SidebarSearchProps> = ({\n  showStatusFilter,\n}) => {\n  const {\n    searchTerm,\n    isSearching,\n    searchResults,\n    activeSearchIndex,\n    isStatusFilterEnabled,\n    changeSearchTerm,\n    nextSearchResult,\n    previousSearchResult,\n    toggleStatusFilter,\n  } = useSidebar();\n  const searchControlsRef = useRef<HTMLDivElement>(null);\n  const [searchControlsPaddingRight, setSearchControlsPaddingRight] =\n    useState(16);\n\n  useLayoutEffect(() => {\n    if (searchControlsRef.current) {\n      setSearchControlsPaddingRight(searchControlsRef.current.clientWidth + 16);\n    }\n  }, [searchTerm]);\n\n  return (\n    <div className=\"flex w-full gap-2 border-t border-sidebar-border p-2\">\n      <div className=\"relative flex-1\">\n        <Input\n          type=\"search\"\n          value={searchTerm}\n          onChange={(e) => changeSearchTerm(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"ArrowDown\" || e.key === \"Enter\") {\n              nextSearchResult();\n            } else if (e.key === \"ArrowUp\") {\n              previousSearchResult();\n            }\n          }}\n          tabIndex={1}\n          placeholder=\"Search\"\n          className=\"w-full appearance-none pl-8 [&::-webkit-search-cancel-button]:hidden\"\n          style={{ paddingRight: searchControlsPaddingRight }}\n        />\n\n        <Search\n          height={16}\n          width={16}\n          className=\"absolute top-1/2 left-2 -translate-y-1/2 text-foreground\"\n        />\n\n        {/* Search controls - only shown when there's a search term */}\n        {searchTerm && (\n          <div\n            ref={searchControlsRef}\n            className=\"absolute top-1/2 right-2 flex -translate-y-1/2 items-center gap-2 select-none\"\n          >\n            <SearchResultCounter\n              isSearching={isSearching}\n              activeIndex={activeSearchIndex}\n              totalResults={searchResults.length}\n            />\n\n            <div className=\"flex flex-col text-muted-foreground\">\n              <SearchNavigationArrow\n                direction=\"up\"\n                isDisabled={activeSearchIndex === 0}\n                onClick={previousSearchResult}\n              />\n              <SearchNavigationArrow\n                direction=\"down\"\n                isDisabled={activeSearchIndex === searchResults.length - 1}\n                onClick={nextSearchResult}\n              />\n            </div>\n\n            {/* Clear search button */}\n            <CrossCircle\n              onClick={() => changeSearchTerm(\"\")}\n              height={16}\n              width={16}\n              className=\"cursor-pointer text-muted-foreground hover:hover-effect active:active-effect\"\n            />\n          </div>\n        )}\n      </div>\n\n      {showStatusFilter && (\n        <button\n          type=\"button\"\n          onClick={toggleStatusFilter}\n          tabIndex={1}\n          className={twMerge(\n            \"rounded-md border border-border px-2 py-1 text-sm text-muted-foreground\",\n            isStatusFilterEnabled\n              ? \"border-info bg-info/10 text-info\"\n              : \"hover:hover-effect\",\n          )}\n        >\n          <Tabler height={16} width={16} />\n        </button>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAcA,MAAaW,iBAA+C,EAC1DC,uBACI;CACJ,MAAM,EACJC,YACAC,aACAC,eACAC,mBACAC,uBACAC,kBACAC,kBACAC,sBACAC,uBACEb,WAAW;CACf,MAAMc,oBAAoBrB,OAAuB,IAAI;CACrD,MAAM,CAACsB,4BAA4BC,iCACjCtB,SAAS,EAAE;CAEbF,sBAAsB;EACpB,IAAIsB,kBAAkBG,SACpBD,8BAA8BF,kBAAkBG,QAAQC,cAAc,EAAE;CAE5E,GAAG,CAACb,UAAU,CAAC;CAEf,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,oBAAC,OAAD;KACE,MAAK;KACL,OAAOA;KACP,WAAWc,MAAMT,iBAAiBS,EAAEC,OAAOC,KAAK;KAChD,YAAYF,MAAM;MAChB,IAAIA,EAAEG,QAAQ,eAAeH,EAAEG,QAAQ,SACrCX,iBAAiB;WACZ,IAAIQ,EAAEG,QAAQ,WACnBV,qBAAqB;KAEzB;KACA,UAAU;KACV,aAAY;KACZ,WAAU;KACV,OAAO,EAAEW,cAAcR,2BAA2B;IAAE,CAAA;IAGtD,oBAAC,QAAD;KACE,QAAQ;KACR,OAAO;KACP,WAAU;IAA0D,CAAA;IAIrEV,cACC,qBAAC,OAAD;KACE,KAAKS;KACL,WAAU;KAFZ,UAAA;MAIE,oBAAC,qBAAD;OACeR;OACb,aAAaE;OACb,cAAcD,cAAciB;MAAO,CAAA;MAGrC,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,oBAAC,uBAAD;QACE,WAAU;QACV,YAAYhB,sBAAsB;QAClC,SAASI;OAAqB,CAAA,GAEhC,oBAAC,uBAAD;QACE,WAAU;QACV,YAAYJ,sBAAsBD,cAAciB,SAAS;QACzD,SAASb;OAAiB,CAAA,CAEzB;;MAGL,oBAAC,aAAD;OACE,eAAeD,iBAAiB,EAAE;OAClC,QAAQ;OACR,OAAO;OACP,WAAU;MAA8E,CAAA;KAEvF;;GAEJ;EAEJN,CAAAA,GAAAA,oBACC,oBAAC,UAAD;GACE,MAAK;GACL,SAASS;GACT,UAAU;GACV,WAAWlB,QACT,2EACAc,wBACI,qCACA,oBACN;GAEA,UAAA,oBAAC,QAAD;IAAQ,QAAQ;IAAI,OAAO;GAAG,CAAA;EACxB,CAAA,CAEP;;AAET"}

package/dist/ui/components/sidebar/subcomponents/sidebar-skeleton-item.d.ts

@@ -1,16 +1,10 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/ui/components/sidebar/subcomponents/sidebar-skeleton-item.d.ts
 interface SidebarSkeletonItemProps {
   depth: number;
   textWidth: string;
   style?: React.CSSProperties;
 }
-declare const SidebarSkeletonItem: ({
-  depth,
-  textWidth,
-  style
-}: SidebarSkeletonItemProps) => react_jsx_runtime0.JSX.Element;
+export declare const SidebarSkeletonItem: ({ depth, textWidth, style }: SidebarSkeletonItemProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
-export { SidebarSkeletonItem };
+export {};
 //# sourceMappingURL=sidebar-skeleton-item.d.ts.map

package/dist/ui/components/sidebar/subcomponents/sidebar-skeleton-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-skeleton-item.d.ts","names":[],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-skeleton-item.tsx"],"mappings":";;;UAEU,wBAAA;EACR,KAAA;EACA,SAAA;EACA,KAAA,GAAQ,KAAA,CAAM,aAAA;AAAA;AAAA,cAGH,mBAAA;EAAuB,KAAA;EAAA,SAAA;EAAA;AAAA,GAIjC,wBAAA,KAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"sidebar-skeleton-item.d.ts","names":[],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-skeleton-item.tsx"],"mappings":";UAEU;EACR;EACA;EACA,QAAQ,MAAM;;qBAGH,wBAAmB,OAAA,WAAA,SAI7B,yDAAwB,IAAA"}

package/dist/ui/components/sidebar/subcomponents/sidebar-skeleton-item.js

@@ -2,12 +2,13 @@ import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/sidebar/subcomponents/sidebar-skeleton-item.tsx
 const SidebarSkeletonItem = ({ depth, textWidth, style }) => {
+	const paddingLeft = depth * 24;
 	return /* @__PURE__ */ jsx("div", {
 		style,
 		className: "flex items-center px-2",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex h-8 w-full items-center gap-2 px-2 py-1",
-			style: { paddingLeft: depth * 24 + 8 },
+			style: { paddingLeft: paddingLeft + 8 },
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "flex size-4 min-w-4 items-center justify-center",
 				children: /* @__PURE__ */ jsx("div", { className: "size-4 min-w-4 animate-pulse rounded-sm bg-secondary" })

package/dist/ui/components/sidebar/subcomponents/sidebar-skeleton-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-skeleton-item.js","names":["twMerge","SidebarSkeletonItem","depth","textWidth","style","paddingLeft"],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-skeleton-item.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\n\ninterface SidebarSkeletonItemProps {\n  depth: number;\n  textWidth: string;\n  style?: React.CSSProperties;\n}\n\nexport const SidebarSkeletonItem = ({\n  depth,\n  textWidth,\n  style,\n}: SidebarSkeletonItemProps) => {\n  const paddingLeft = depth * 24;\n\n  return (\n    <div style={style} className=\"flex items-center px-2\">\n      <div\n        className=\"flex h-8 w-full items-center gap-2 px-2 py-1\"\n        style={{ paddingLeft: paddingLeft + 8 }}\n      >\n        {/* Chevron icon skeleton */}\n        <div className=\"flex size-4 min-w-4 items-center justify-center\">\n          <div className=\"size-4 min-w-4 animate-pulse rounded-sm bg-secondary\" />\n        </div>\n\n        {/* Text content skeleton */}\n        <div\n          className={twMerge(\n            \"h-4 animate-pulse rounded-sm bg-secondary\",\n            textWidth,\n          )}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAQA,MAAaC,uBAAuB,EAClCC,OACAC,WACAC,YAC8B;AAG9B,QACE,oBAAC,OAAD;EAAYA;EAAO,WAAU;YAC3B,qBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAEC,aANKH,QAAQ,KAMc,GAAG;aAFzC,CAKE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,OAAD,EAAK,WAAU,wDAAsD,CAAA;IAClE,CAAA,EAGL,oBAAC,OAAD,EACE,WAAWF,QACT,6CACAG,UACD,EAAC,CAAA,CAED;;EACD,CAAA"}
+{"version":3,"file":"sidebar-skeleton-item.js","names":["twMerge","SidebarSkeletonItem","depth","textWidth","style","paddingLeft"],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-skeleton-item.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\n\ninterface SidebarSkeletonItemProps {\n  depth: number;\n  textWidth: string;\n  style?: React.CSSProperties;\n}\n\nexport const SidebarSkeletonItem = ({\n  depth,\n  textWidth,\n  style,\n}: SidebarSkeletonItemProps) => {\n  const paddingLeft = depth * 24;\n\n  return (\n    <div style={style} className=\"flex items-center px-2\">\n      <div\n        className=\"flex h-8 w-full items-center gap-2 px-2 py-1\"\n        style={{ paddingLeft: paddingLeft + 8 }}\n      >\n        {/* Chevron icon skeleton */}\n        <div className=\"flex size-4 min-w-4 items-center justify-center\">\n          <div className=\"size-4 min-w-4 animate-pulse rounded-sm bg-secondary\" />\n        </div>\n\n        {/* Text content skeleton */}\n        <div\n          className={twMerge(\n            \"h-4 animate-pulse rounded-sm bg-secondary\",\n            textWidth,\n          )}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAQA,MAAaC,uBAAuB,EAClCC,OACAC,WACAC,YAC8B;CAC9B,MAAMC,cAAcH,QAAQ;CAE5B,OACE,oBAAC,OAAD;EAAYE;EAAO,WAAU;EAC3B,UAAA,qBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAEC,aAAaA,cAAc,EAAE;GAFxC,UAAA,CAKE,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,OAAD,EAAK,WAAU,uDAAsD,CAAA;GAClE,CAAA,GAGL,oBAAC,OAAD,EACE,WAAWL,QACT,6CACAG,SACF,EAAE,CAAA,CAED;;CACF,CAAA;AAET"}

package/dist/ui/components/sidebar/subcomponents/sidebar-skeleton.d.ts

@@ -1,7 +1,5 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/ui/components/sidebar/subcomponents/sidebar-skeleton.d.ts
-declare const SidebarSkeleton: () => react_jsx_runtime0.JSX.Element;
+export declare const SidebarSkeleton: () => import("react/jsx-runtime").JSX.Element;
 //#endregion
-export { SidebarSkeleton };
+export {};
 //# sourceMappingURL=sidebar-skeleton.d.ts.map

package/dist/ui/components/sidebar/subcomponents/sidebar-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-skeleton.d.ts","names":[],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-skeleton.tsx"],"mappings":";;;cAea,eAAA,QAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"sidebar-skeleton.d.ts","names":[],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-skeleton.tsx"],"mappings":";qBAea,mDAAe,IAAA"}

package/dist/ui/components/sidebar/subcomponents/sidebar-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-skeleton.js","names":["SidebarSkeletonItem","skeletonItems","depth","textWidth","SidebarSkeleton","map","item","index"],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-skeleton.tsx"],"sourcesContent":["import { SidebarSkeletonItem } from \"./sidebar-skeleton-item.js\";\n\nconst skeletonItems = [\n  { depth: 0, textWidth: \"w-32\" },\n  { depth: 1, textWidth: \"w-28\" },\n  { depth: 1, textWidth: \"w-36\" },\n  { depth: 2, textWidth: \"w-24\" },\n  { depth: 2, textWidth: \"w-30\" },\n  { depth: 0, textWidth: \"w-40\" },\n  { depth: 1, textWidth: \"w-26\" },\n  { depth: 1, textWidth: \"w-34\" },\n  { depth: 2, textWidth: \"w-22\" },\n  { depth: 0, textWidth: \"w-38\" },\n];\n\nexport const SidebarSkeleton = () => {\n  return (\n    <div\n      className=\"flex-1 overflow-hidden p-2\"\n      role=\"status\"\n      aria-label=\"Loading sidebar content\"\n    >\n      <div className=\"flex flex-col gap-2\">\n        {skeletonItems.map((item, index) => (\n          <SidebarSkeletonItem\n            key={index}\n            depth={item.depth}\n            textWidth={item.textWidth}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAEA,MAAMC,gBAAgB;CACpB;EAAEC,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAC/B;EAAED,OAAO;EAAGC,WAAW;EAAQ;CAChC;AAED,MAAaC,wBAAwB;AACnC,QACE,oBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;YAEX,oBAAC,OAAD;GAAK,WAAU;aACZH,cAAcI,KAAKC,MAAMC,UACxB,oBAAC,qBAAD;IAEE,OAAOD,KAAKJ;IACZ,WAAWI,KAAKH;IAEnB,EAJQI,MAIR,CAAC;GACC,CAAA;EACD,CAAA"}
+{"version":3,"file":"sidebar-skeleton.js","names":["SidebarSkeletonItem","skeletonItems","depth","textWidth","SidebarSkeleton","map","item","index"],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-skeleton.tsx"],"sourcesContent":["import { SidebarSkeletonItem } from \"./sidebar-skeleton-item.js\";\n\nconst skeletonItems = [\n  { depth: 0, textWidth: \"w-32\" },\n  { depth: 1, textWidth: \"w-28\" },\n  { depth: 1, textWidth: \"w-36\" },\n  { depth: 2, textWidth: \"w-24\" },\n  { depth: 2, textWidth: \"w-30\" },\n  { depth: 0, textWidth: \"w-40\" },\n  { depth: 1, textWidth: \"w-26\" },\n  { depth: 1, textWidth: \"w-34\" },\n  { depth: 2, textWidth: \"w-22\" },\n  { depth: 0, textWidth: \"w-38\" },\n];\n\nexport const SidebarSkeleton = () => {\n  return (\n    <div\n      className=\"flex-1 overflow-hidden p-2\"\n      role=\"status\"\n      aria-label=\"Loading sidebar content\"\n    >\n      <div className=\"flex flex-col gap-2\">\n        {skeletonItems.map((item, index) => (\n          <SidebarSkeletonItem\n            key={index}\n            depth={item.depth}\n            textWidth={item.textWidth}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAEA,MAAMC,gBAAgB;CACpB;EAAEC,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;CAC9B;EAAED,OAAO;EAAGC,WAAW;CAAO;AAAC;AAGjC,MAAaC,wBAAwB;CACnC,OACE,oBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EAEX,UAAA,oBAAC,OAAD;GAAK,WAAU;GACZH,UAAAA,cAAcI,KAAKC,MAAMC,UACxB,oBAAC,qBAAD;IAEE,OAAOD,KAAKJ;IACZ,WAAWI,KAAKH;GAAU,GAFrBI,KAEqB,CAE7B;EACE,CAAA;CACF,CAAA;AAET"}

package/dist/ui/components/sidebar/subcomponents/status-icon.d.ts

@@ -1,16 +1,10 @@
-import { a as NodeStatus } from "../../../../types-CNbvfWjh.js";
-import * as react from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
+import { a as NodeStatus } from "../../../../types-FTqFl5du.js";
 //#region src/ui/components/sidebar/subcomponents/status-icon.d.ts
 interface StatusIconProps {
   status: NodeStatus;
   isDescendenceModified?: boolean;
 }
-declare const StatusIcon: ({
-  status,
-  isDescendenceModified
-}: StatusIconProps) => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null | undefined;
+export declare const StatusIcon: ({ status, isDescendenceModified }: StatusIconProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
 //#endregion
-export { StatusIcon };
+export {};
 //# sourceMappingURL=status-icon.d.ts.map

package/dist/ui/components/sidebar/subcomponents/status-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-icon.d.ts","names":[],"sources":["../../../../../src/ui/components/sidebar/subcomponents/status-icon.tsx"],"mappings":";;;;;UAQU,eAAA;EACR,MAAA,EAAQ,UAAA;EACR,qBAAA;AAAA;AAAA,cAwBW,UAAA;EAAc,MAAA;EAAA;AAAA,GAGxB,eAAA,0CAAe,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"status-icon.d.ts","names":[],"sources":["../../../../../src/ui/components/sidebar/subcomponents/status-icon.tsx"],"mappings":";;UAQU;EACR,QAAQ;EACR;;qBAwBW,eAAU,QAAA,yBAGpB,qFAAe,IAAA,UAAA,yBAAA,aAAA,6CAAA,yBAAA,6BAAA,+CAAA,8CAAA"}

package/dist/ui/components/sidebar/subcomponents/status-icon.js

@@ -1,5 +1,5 @@
-import { a as DescendenceModified, i as Duplicated, n as Moved, o as Created, r as Modified, t as Removed } from "../../../../Removed-CO_5C1ce.js";
 import { NodeStatus } from "../types.js";
+import { a as DescendenceModified, i as Duplicated, n as Moved, o as Created, r as Modified, t as Removed } from "../../../../Removed-OP4eTrAN.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/ui/components/sidebar/subcomponents/status-icon.tsx
 const STATUS_ICON_MAP = {

package/dist/ui/components/sidebar/subcomponents/status-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-icon.js","names":["Created","DescendenceModified","Duplicated","Modified","Moved","Removed","NodeStatus","STATUS_ICON_MAP","CREATED","icon","MODIFIED","REMOVED","MOVED","DUPLICATED","StatusIcon","status","isDescendenceModified","UNCHANGED"],"sources":["../../../../../src/ui/components/sidebar/subcomponents/status-icon.tsx"],"sourcesContent":["import Created from \"../../../../powerhouse/components/icon-components/Created.js\";\nimport DescendenceModified from \"../../../../powerhouse/components/icon-components/DescendenceModified.js\";\nimport Duplicated from \"../../../../powerhouse/components/icon-components/Duplicated.js\";\nimport Modified from \"../../../../powerhouse/components/icon-components/Modified.js\";\nimport Moved from \"../../../../powerhouse/components/icon-components/Moved.js\";\nimport Removed from \"../../../../powerhouse/components/icon-components/Removed.js\";\nimport { NodeStatus } from \"../types.js\";\n\ninterface StatusIconProps {\n  status: NodeStatus;\n  isDescendenceModified?: boolean;\n}\n\nconst STATUS_ICON_MAP: Record<\n  Exclude<NodeStatus, NodeStatus.UNCHANGED>,\n  { icon: React.ReactNode }\n> = {\n  [NodeStatus.CREATED]: {\n    icon: <Created height={16} width={16} className=\"text-success\" />,\n  },\n  [NodeStatus.MODIFIED]: {\n    icon: <Modified height={16} width={16} className=\"text-info\" />,\n  },\n  [NodeStatus.REMOVED]: {\n    icon: <Removed height={16} width={16} className=\"text-destructive\" />,\n  },\n  [NodeStatus.MOVED]: {\n    icon: <Moved height={16} width={16} className=\"text-info\" />,\n  },\n  [NodeStatus.DUPLICATED]: {\n    icon: <Duplicated height={16} width={16} className=\"text-info\" />,\n  },\n};\n\nexport const StatusIcon = ({\n  status,\n  isDescendenceModified,\n}: StatusIconProps) => {\n  if (status === NodeStatus.UNCHANGED) {\n    return isDescendenceModified ? (\n      <DescendenceModified\n        height={16}\n        width={16}\n        className=\"text-muted-foreground\"\n      />\n    ) : null;\n  }\n\n  return STATUS_ICON_MAP[status].icon;\n};\n"],"mappings":";;;;AAaA,MAAMO,kBAGF;EACDD,WAAWE,UAAU,EACpBC,MAAM,oBAAC,SAAD;EAAS,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAc,CAAA,EAC/D;EACAH,WAAWI,WAAW,EACrBD,MAAM,oBAAC,UAAD;EAAU,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAW,CAAA,EAC7D;EACAH,WAAWK,UAAU,EACpBF,MAAM,oBAAC,SAAD;EAAS,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAkB,CAAA,EACnE;EACAH,WAAWM,QAAQ,EAClBH,MAAM,oBAAC,OAAD;EAAO,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAW,CAAA,EAC1D;EACAH,WAAWO,aAAa,EACvBJ,MAAM,oBAAC,YAAD;EAAY,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAW,CAAA,EAChE;CACD;AAED,MAAaK,cAAc,EACzBC,QACAC,4BACqB;AACrB,KAAID,WAAWT,WAAWW,UACxB,QAAOD,wBACL,oBAAC,qBAAD;EACE,QAAQ;EACR,OAAO;EACP,WAAU;EACV,CAAA,GACA;AAGN,QAAOT,gBAAgBQ,QAAQN"}
+{"version":3,"file":"status-icon.js","names":["Created","DescendenceModified","Duplicated","Modified","Moved","Removed","NodeStatus","STATUS_ICON_MAP","CREATED","icon","MODIFIED","REMOVED","MOVED","DUPLICATED","StatusIcon","status","isDescendenceModified","UNCHANGED"],"sources":["../../../../../src/ui/components/sidebar/subcomponents/status-icon.tsx"],"sourcesContent":["import Created from \"../../../../powerhouse/components/icon-components/Created.js\";\nimport DescendenceModified from \"../../../../powerhouse/components/icon-components/DescendenceModified.js\";\nimport Duplicated from \"../../../../powerhouse/components/icon-components/Duplicated.js\";\nimport Modified from \"../../../../powerhouse/components/icon-components/Modified.js\";\nimport Moved from \"../../../../powerhouse/components/icon-components/Moved.js\";\nimport Removed from \"../../../../powerhouse/components/icon-components/Removed.js\";\nimport { NodeStatus } from \"../types.js\";\n\ninterface StatusIconProps {\n  status: NodeStatus;\n  isDescendenceModified?: boolean;\n}\n\nconst STATUS_ICON_MAP: Record<\n  Exclude<NodeStatus, NodeStatus.UNCHANGED>,\n  { icon: React.ReactNode }\n> = {\n  [NodeStatus.CREATED]: {\n    icon: <Created height={16} width={16} className=\"text-success\" />,\n  },\n  [NodeStatus.MODIFIED]: {\n    icon: <Modified height={16} width={16} className=\"text-info\" />,\n  },\n  [NodeStatus.REMOVED]: {\n    icon: <Removed height={16} width={16} className=\"text-destructive\" />,\n  },\n  [NodeStatus.MOVED]: {\n    icon: <Moved height={16} width={16} className=\"text-info\" />,\n  },\n  [NodeStatus.DUPLICATED]: {\n    icon: <Duplicated height={16} width={16} className=\"text-info\" />,\n  },\n};\n\nexport const StatusIcon = ({\n  status,\n  isDescendenceModified,\n}: StatusIconProps) => {\n  if (status === NodeStatus.UNCHANGED) {\n    return isDescendenceModified ? (\n      <DescendenceModified\n        height={16}\n        width={16}\n        className=\"text-muted-foreground\"\n      />\n    ) : null;\n  }\n\n  return STATUS_ICON_MAP[status].icon;\n};\n"],"mappings":";;;;AAaA,MAAMO,kBAGF;EACDD,WAAWE,UAAU,EACpBC,MAAM,oBAAC,SAAD;EAAS,QAAQ;EAAI,OAAO;EAAI,WAAU;CAAc,CAAA,EAChE;EACCH,WAAWI,WAAW,EACrBD,MAAM,oBAAC,UAAD;EAAU,QAAQ;EAAI,OAAO;EAAI,WAAU;CAAW,CAAA,EAC9D;EACCH,WAAWK,UAAU,EACpBF,MAAM,oBAAC,SAAD;EAAS,QAAQ;EAAI,OAAO;EAAI,WAAU;CAAkB,CAAA,EACpE;EACCH,WAAWM,QAAQ,EAClBH,MAAM,oBAAC,OAAD;EAAO,QAAQ;EAAI,OAAO;EAAI,WAAU;CAAW,CAAA,EAC3D;EACCH,WAAWO,aAAa,EACvBJ,MAAM,oBAAC,YAAD;EAAY,QAAQ;EAAI,OAAO;EAAI,WAAU;CAAW,CAAA,EAChE;AACF;AAEA,MAAaK,cAAc,EACzBC,QACAC,4BACqB;CACrB,IAAID,WAAWT,WAAWW,WACxB,OAAOD,wBACL,oBAAC,qBAAD;EACE,QAAQ;EACR,OAAO;EACP,WAAU;CAAuB,CAAA,IAEjC;CAGN,OAAOT,gBAAgBQ,OAAO,CAACN;AACjC"}

package/dist/ui/components/sidebar/types.d.ts

@@ -1,2 +1,3 @@
-import { a as NodeStatus, i as NodeSortType, n as NodeSortComparisonFn, o as SidebarIcon, r as NodeSortOrder, s as SidebarNode, t as FlattenedNode } from "../../../types-CNbvfWjh.js";
-export { FlattenedNode, NodeSortComparisonFn, NodeSortOrder, NodeSortType, NodeStatus, SidebarIcon, SidebarNode };
+import { a as NodeStatus, i as NodeSortType, n as NodeSortComparisonFn, o as SidebarIcon, r as NodeSortOrder, s as SidebarNode, t as FlattenedNode } from "../../../types-FTqFl5du.js";
+export { FlattenedNode, NodeSortComparisonFn, NodeSortOrder, NodeSortType, NodeStatus, SidebarIcon, SidebarNode };
+export {};

package/dist/ui/components/sidebar/types.js

@@ -1,5 +1,5 @@
 //#region src/ui/components/sidebar/types.ts
-let NodeStatus = /* @__PURE__ */ function(NodeStatus) {
+let NodeStatus = /*#__PURE__*/ function(NodeStatus) {
 	NodeStatus["CREATED"] = "CREATED";
 	NodeStatus["MODIFIED"] = "MODIFIED";
 	NodeStatus["REMOVED"] = "REMOVED";

package/dist/ui/components/sidebar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["NodeStatus"],"sources":["../../../../src/ui/components/sidebar/types.ts"],"sourcesContent":["import type { IconName } from \"../../../powerhouse/types.js\";\n\nexport enum NodeStatus {\n  CREATED = \"CREATED\",\n  MODIFIED = \"MODIFIED\",\n  REMOVED = \"REMOVED\",\n  MOVED = \"MOVED\",\n  DUPLICATED = \"DUPLICATED\",\n  UNCHANGED = \"UNCHANGED\", // default\n}\n\nexport type SidebarIcon = IconName | React.ReactElement;\n\nexport interface SidebarNode {\n  title: string;\n  id: string;\n  children?: SidebarNode[];\n  icon?: SidebarIcon;\n  expandedIcon?: SidebarIcon;\n  status?: NodeStatus;\n  className?: string;\n}\n\nexport type NodeSortComparisonFn = (\n  valueA: string,\n  valueB: string,\n) => -1 | 0 | 1;\nexport type NodeSortType = \"alphabetical\" | \"natural\" | NodeSortComparisonFn;\nexport type NodeSortOrder = \"asc\" | \"desc\";\n\nexport interface FlattenedNode extends SidebarNode {\n  depth: number;\n  isExpanded: boolean;\n}\n"],"mappings":";AAEA,IAAYA,aAAU,yBAAVA,YAAU;AAAVA,YAAU,aAAA;AAAVA,YAAU,cAAA;AAAVA,YAAU,aAAA;AAAVA,YAAU,WAAA;AAAVA,YAAU,gBAAA;AAAVA,YAAU,eAAA;AAMK,QANfA;EAAU,EAAA,CAAA"}
+{"version":3,"file":"types.js","names":["NodeStatus"],"sources":["../../../../src/ui/components/sidebar/types.ts"],"sourcesContent":["import type { IconName } from \"../../../powerhouse/types.js\";\n\nexport enum NodeStatus {\n  CREATED = \"CREATED\",\n  MODIFIED = \"MODIFIED\",\n  REMOVED = \"REMOVED\",\n  MOVED = \"MOVED\",\n  DUPLICATED = \"DUPLICATED\",\n  UNCHANGED = \"UNCHANGED\", // default\n}\n\nexport type SidebarIcon = IconName | React.ReactElement;\n\nexport interface SidebarNode {\n  title: string;\n  id: string;\n  children?: SidebarNode[];\n  icon?: SidebarIcon;\n  expandedIcon?: SidebarIcon;\n  status?: NodeStatus;\n  className?: string;\n}\n\nexport type NodeSortComparisonFn = (\n  valueA: string,\n  valueB: string,\n) => -1 | 0 | 1;\nexport type NodeSortType = \"alphabetical\" | \"natural\" | NodeSortComparisonFn;\nexport type NodeSortOrder = \"asc\" | \"desc\";\n\nexport interface FlattenedNode extends SidebarNode {\n  depth: number;\n  isExpanded: boolean;\n}\n"],"mappings":";AAEA,IAAYA,aAAU,uBAAVA,YAAU;CAAVA,WAAU,aAAA;CAAVA,WAAU,cAAA;CAAVA,WAAU,aAAA;CAAVA,WAAU,WAAA;CAAVA,WAAU,gBAAA;CAAVA,WAAU,eAAA;CAMK,OANfA;AAAU,EAAA,CAAA,CAAA"}

package/dist/ui/components/sidebar/use-ellipsis.d.ts

@@ -4,7 +4,7 @@
  * @param ref - The ref of the element to detect ellipsis on
  * @returns Whether the element's text is truncated with ellipsis
  */
-declare const useEllipsis: <T extends HTMLElement>(ref: React.RefObject<T | null>) => boolean;
+export declare const useEllipsis: <T extends HTMLElement>(ref: React.RefObject<T | null>) => boolean;
 //#endregion
-export { useEllipsis };
+export {};
 //# sourceMappingURL=use-ellipsis.d.ts.map

package/dist/ui/components/sidebar/use-ellipsis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-ellipsis.d.ts","names":[],"sources":["../../../../src/ui/components/sidebar/use-ellipsis.ts"],"mappings":";;AAOA;;;;cAAa,WAAA,aAAyB,WAAA,EACpC,GAAA,EAAK,KAAA,CAAM,SAAA,CAAU,CAAA"}
+{"version":3,"file":"use-ellipsis.d.ts","names":[],"sources":["../../../../src/ui/components/sidebar/use-ellipsis.ts"],"mappings":";;;;;;qBAOa,cAAe,UAAU,aAAW,KAC1C,MAAM,UAAU"}

package/dist/ui/components/sidebar/use-ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-ellipsis.js","names":["useEffect","useState","useEllipsis","ref","hasEllipsis","setHasEllipsis","element","current","observer","ResizeObserver","offsetWidth","scrollWidth","observe","disconnect"],"sources":["../../../../src/ui/components/sidebar/use-ellipsis.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Custom hook to detect if an element's text is truncated with ellipsis\n * @param ref - The ref of the element to detect ellipsis on\n * @returns Whether the element's text is truncated with ellipsis\n */\nexport const useEllipsis = <T extends HTMLElement>(\n  ref: React.RefObject<T | null>,\n): boolean => {\n  const [hasEllipsis, setHasEllipsis] = useState(false);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver(() => {\n      setHasEllipsis(element.offsetWidth < element.scrollWidth);\n    });\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [ref]);\n\n  return hasEllipsis;\n};\n"],"mappings":";;;;;;;AAOA,MAAaE,eACXC,QACY;CACZ,MAAM,CAACC,aAAaC,kBAAkBJ,SAAS,MAAM;AAErDD,iBAAgB;EACd,MAAMM,UAAUH,IAAII;AACpB,MAAI,CAACD,QAAS;EAEd,MAAME,WAAW,IAAIC,qBAAqB;AACxCJ,kBAAeC,QAAQI,cAAcJ,QAAQK,YAAY;IACzD;AACFH,WAASI,QAAQN,QAAQ;AAEzB,eAAa;AACXE,YAASK,YAAY;;IAEtB,CAACV,IAAI,CAAC;AAET,QAAOC"}
+{"version":3,"file":"use-ellipsis.js","names":["useEffect","useState","useEllipsis","ref","hasEllipsis","setHasEllipsis","element","current","observer","ResizeObserver","offsetWidth","scrollWidth","observe","disconnect"],"sources":["../../../../src/ui/components/sidebar/use-ellipsis.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Custom hook to detect if an element's text is truncated with ellipsis\n * @param ref - The ref of the element to detect ellipsis on\n * @returns Whether the element's text is truncated with ellipsis\n */\nexport const useEllipsis = <T extends HTMLElement>(\n  ref: React.RefObject<T | null>,\n): boolean => {\n  const [hasEllipsis, setHasEllipsis] = useState(false);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const observer = new ResizeObserver(() => {\n      setHasEllipsis(element.offsetWidth < element.scrollWidth);\n    });\n    observer.observe(element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [ref]);\n\n  return hasEllipsis;\n};\n"],"mappings":";;;;;;;AAOA,MAAaE,eACXC,QACY;CACZ,MAAM,CAACC,aAAaC,kBAAkBJ,SAAS,KAAK;CAEpDD,gBAAgB;EACd,MAAMM,UAAUH,IAAII;EACpB,IAAI,CAACD,SAAS;EAEd,MAAME,WAAW,IAAIC,qBAAqB;GACxCJ,eAAeC,QAAQI,cAAcJ,QAAQK,WAAW;EAC1D,CAAC;EACDH,SAASI,QAAQN,OAAO;EAExB,aAAa;GACXE,SAASK,WAAW;EACtB;CACF,GAAG,CAACV,GAAG,CAAC;CAER,OAAOC;AACT"}

package/dist/ui/components/sidebar/use-sidebar-resize.d.ts

@@ -1,22 +1,16 @@
-import * as react from "react";
-
 //#region src/ui/components/sidebar/use-sidebar-resize.d.ts
 interface SidebarResizeProps {
   defaultWidth?: number;
   minWidth?: number;
   maxWidth?: number;
 }
-declare const useSidebarResize: ({
-  defaultWidth,
-  minWidth,
-  maxWidth
-}: SidebarResizeProps) => {
-  sidebarRef: react.RefObject<HTMLDivElement | null>;
+export declare const useSidebarResize: ({ defaultWidth, minWidth, maxWidth }: SidebarResizeProps) => {
+  sidebarRef: import("react").RefObject<HTMLDivElement | null>;
   startResizing: () => void;
   isResizing: boolean;
   isSidebarOpen: boolean;
   handleToggleSidebar: () => void;
 };
 //#endregion
-export { useSidebarResize };
+export {};
 //# sourceMappingURL=use-sidebar-resize.d.ts.map

package/dist/ui/components/sidebar/use-sidebar-resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sidebar-resize.d.ts","names":[],"sources":["../../../../src/ui/components/sidebar/use-sidebar-resize.ts"],"mappings":";;;UAGU,kBAAA;EACR,YAAA;EACA,QAAA;EACA,QAAA;AAAA;AAAA,cAGW,gBAAA;EAAoB,YAAA;EAAA,QAAA;EAAA;AAAA,GAI9B,kBAAA"}
+{"version":3,"file":"use-sidebar-resize.d.ts","names":[],"sources":["../../../../src/ui/components/sidebar/use-sidebar-resize.ts"],"mappings":";UAGU;EACR;EACA;EACA;;qBAGW,qBAAgB,cAAA,UAAA,YAI1B"}

package/dist/ui/components/sidebar/use-sidebar-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sidebar-resize.js","names":["useCallback","useEffect","useRef","useState","triggerEvent","useSidebarResize","defaultWidth","minWidth","maxWidth","isResizing","setIsResizing","sidebarWidth","setSidebarWidth","Math","max","sidebarRef","isSidebarOpen","setIsSidebarOpen","handleToggleSidebar","newState","current","width","document","documentElement","style","setProperty","startResizing","stopResizing","resize","mouseMoveEvent","sidebarLeft","getBoundingClientRect","left","newWidth","clientX","undefined","min","window","addEventListener","removeEventListener"],"sources":["../../../../src/ui/components/sidebar/use-sidebar-resize.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { triggerEvent } from \"./utils.js\";\n\ninterface SidebarResizeProps {\n  defaultWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\nexport const useSidebarResize = ({\n  defaultWidth = 300,\n  minWidth = 100,\n  maxWidth,\n}: SidebarResizeProps) => {\n  const [isResizing, setIsResizing] = useState<boolean>(false);\n\n  const [sidebarWidth, setSidebarWidth] = useState<number>(\n    Math.max(defaultWidth, minWidth),\n  );\n\n  const sidebarRef = useRef<HTMLDivElement>(null);\n\n  const [isSidebarOpen, setIsSidebarOpen] = useState<boolean>(true);\n\n  const handleToggleSidebar = useCallback(() => {\n    const newState = !isSidebarOpen;\n    setIsSidebarOpen(newState);\n\n    // Trigger custom event for external listeners\n    triggerEvent(\n      \"sidebar:resize:toggle\",\n      { isSidebarOpen: newState },\n      sidebarRef.current,\n    );\n  }, [isSidebarOpen]);\n\n  // Update CSS variable when sidebar width or open state changes\n  useEffect(() => {\n    const width = isSidebarOpen ? sidebarWidth : 8;\n    document.documentElement.style.setProperty(\"--sidebar-width\", `${width}px`);\n  }, [isSidebarOpen, sidebarWidth]);\n\n  const startResizing = useCallback(() => {\n    if (!isSidebarOpen) return;\n\n    setIsResizing(true);\n\n    // Trigger custom event for external listeners\n    triggerEvent(\"sidebar:resize:start\", { isSidebarOpen }, sidebarRef.current);\n  }, [isSidebarOpen]);\n\n  const stopResizing = useCallback(() => {\n    if (!isResizing) return;\n\n    setIsResizing(false);\n\n    // Trigger custom event for external listeners\n    triggerEvent(\n      \"sidebar:resize\",\n      {\n        isSidebarOpen,\n        sidebarWidth: isSidebarOpen ? sidebarWidth : 8,\n      },\n      sidebarRef.current,\n    );\n  }, [isResizing, isSidebarOpen, sidebarWidth]);\n\n  const resize = useCallback(\n    (mouseMoveEvent: MouseEvent) => {\n      if (!isResizing || !sidebarRef.current) return;\n\n      const sidebarLeft = sidebarRef.current.getBoundingClientRect().left;\n      let newWidth = mouseMoveEvent.clientX - sidebarLeft;\n\n      newWidth = Math.max(newWidth, minWidth);\n      if (maxWidth !== undefined) {\n        newWidth = Math.min(newWidth, maxWidth);\n      }\n\n      setSidebarWidth(newWidth);\n\n      // Trigger custom event for external listeners\n      triggerEvent(\n        \"sidebar:resize:active\",\n        {\n          isSidebarOpen,\n          sidebarWidth: newWidth,\n        },\n        sidebarRef.current,\n      );\n    },\n    [isResizing, minWidth, maxWidth, isSidebarOpen],\n  );\n\n  // Set up and clean up event listeners for resize operation\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    window.addEventListener(\"mousemove\", resize);\n    window.addEventListener(\"mouseup\", stopResizing);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", resize);\n      window.removeEventListener(\"mouseup\", stopResizing);\n    };\n  }, [resize, stopResizing]);\n\n  return {\n    sidebarRef,\n    startResizing,\n    isResizing,\n    isSidebarOpen,\n    handleToggleSidebar,\n  };\n};\n"],"mappings":";;;AASA,MAAaK,oBAAoB,EAC/BC,eAAe,KACfC,WAAW,KACXC,eACwB;CACxB,MAAM,CAACC,YAAYC,iBAAiBP,SAAkB,MAAM;CAE5D,MAAM,CAACQ,cAAcC,mBAAmBT,SACtCU,KAAKC,IAAIR,cAAcC,SACzB,CAAC;CAED,MAAMQ,aAAab,OAAuB,KAAK;CAE/C,MAAM,CAACc,eAAeC,oBAAoBd,SAAkB,KAAK;CAEjE,MAAMe,sBAAsBlB,kBAAkB;EAC5C,MAAMmB,WAAW,CAACH;AAClBC,mBAAiBE,SAAS;AAG1Bf,eACE,yBACA,EAAEY,eAAeG,UAAU,EAC3BJ,WAAWK,QACZ;IACA,CAACJ,cAAc,CAAC;AAGnBf,iBAAgB;EACd,MAAMoB,QAAQL,gBAAgBL,eAAe;AAC7CW,WAASC,gBAAgBC,MAAMC,YAAY,mBAAmB,GAAGJ,MAAK,IAAK;IAC1E,CAACL,eAAeL,aAAa,CAAC;CAEjC,MAAMe,gBAAgB1B,kBAAkB;AACtC,MAAI,CAACgB,cAAe;AAEpBN,gBAAc,KAAK;AAGnBN,eAAa,wBAAwB,EAAEY,eAAe,EAAED,WAAWK,QAAQ;IAC1E,CAACJ,cAAc,CAAC;CAEnB,MAAMW,eAAe3B,kBAAkB;AACrC,MAAI,CAACS,WAAY;AAEjBC,gBAAc,MAAM;AAGpBN,eACE,kBACA;GACEY;GACAL,cAAcK,gBAAgBL,eAAe;GAC9C,EACDI,WAAWK,QACZ;IACA;EAACX;EAAYO;EAAeL;EAAa,CAAC;CAE7C,MAAMiB,SAAS5B,aACZ6B,mBAA+B;AAC9B,MAAI,CAACpB,cAAc,CAACM,WAAWK,QAAS;EAExC,MAAMU,cAAcf,WAAWK,QAAQW,uBAAuB,CAACC;EAC/D,IAAIC,WAAWJ,eAAeK,UAAUJ;AAExCG,aAAWpB,KAAKC,IAAImB,UAAU1B,SAAS;AACvC,MAAIC,aAAa2B,KAAAA,EACfF,YAAWpB,KAAKuB,IAAIH,UAAUzB,SAAS;AAGzCI,kBAAgBqB,SAAS;AAGzB7B,eACE,yBACA;GACEY;GACAL,cAAcsB;GACf,EACDlB,WAAWK,QACZ;IAEH;EAACX;EAAYF;EAAUC;EAAUQ;EACnC,CAAC;AAGDf,iBAAgB;AACd,MAAI,OAAOoC,WAAW,YAAa;AAEnCA,SAAOC,iBAAiB,aAAaV,OAAO;AAC5CS,SAAOC,iBAAiB,WAAWX,aAAa;AAEhD,eAAa;AACXU,UAAOE,oBAAoB,aAAaX,OAAO;AAC/CS,UAAOE,oBAAoB,WAAWZ,aAAa;;IAEpD,CAACC,QAAQD,aAAa,CAAC;AAE1B,QAAO;EACLZ;EACAW;EACAjB;EACAO;EACAE;EACD"}
+{"version":3,"file":"use-sidebar-resize.js","names":["useCallback","useEffect","useRef","useState","triggerEvent","useSidebarResize","defaultWidth","minWidth","maxWidth","isResizing","setIsResizing","sidebarWidth","setSidebarWidth","Math","max","sidebarRef","isSidebarOpen","setIsSidebarOpen","handleToggleSidebar","newState","current","width","document","documentElement","style","setProperty","startResizing","stopResizing","resize","mouseMoveEvent","sidebarLeft","getBoundingClientRect","left","newWidth","clientX","undefined","min","window","addEventListener","removeEventListener"],"sources":["../../../../src/ui/components/sidebar/use-sidebar-resize.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { triggerEvent } from \"./utils.js\";\n\ninterface SidebarResizeProps {\n  defaultWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\nexport const useSidebarResize = ({\n  defaultWidth = 300,\n  minWidth = 100,\n  maxWidth,\n}: SidebarResizeProps) => {\n  const [isResizing, setIsResizing] = useState<boolean>(false);\n\n  const [sidebarWidth, setSidebarWidth] = useState<number>(\n    Math.max(defaultWidth, minWidth),\n  );\n\n  const sidebarRef = useRef<HTMLDivElement>(null);\n\n  const [isSidebarOpen, setIsSidebarOpen] = useState<boolean>(true);\n\n  const handleToggleSidebar = useCallback(() => {\n    const newState = !isSidebarOpen;\n    setIsSidebarOpen(newState);\n\n    // Trigger custom event for external listeners\n    triggerEvent(\n      \"sidebar:resize:toggle\",\n      { isSidebarOpen: newState },\n      sidebarRef.current,\n    );\n  }, [isSidebarOpen]);\n\n  // Update CSS variable when sidebar width or open state changes\n  useEffect(() => {\n    const width = isSidebarOpen ? sidebarWidth : 8;\n    document.documentElement.style.setProperty(\"--sidebar-width\", `${width}px`);\n  }, [isSidebarOpen, sidebarWidth]);\n\n  const startResizing = useCallback(() => {\n    if (!isSidebarOpen) return;\n\n    setIsResizing(true);\n\n    // Trigger custom event for external listeners\n    triggerEvent(\"sidebar:resize:start\", { isSidebarOpen }, sidebarRef.current);\n  }, [isSidebarOpen]);\n\n  const stopResizing = useCallback(() => {\n    if (!isResizing) return;\n\n    setIsResizing(false);\n\n    // Trigger custom event for external listeners\n    triggerEvent(\n      \"sidebar:resize\",\n      {\n        isSidebarOpen,\n        sidebarWidth: isSidebarOpen ? sidebarWidth : 8,\n      },\n      sidebarRef.current,\n    );\n  }, [isResizing, isSidebarOpen, sidebarWidth]);\n\n  const resize = useCallback(\n    (mouseMoveEvent: MouseEvent) => {\n      if (!isResizing || !sidebarRef.current) return;\n\n      const sidebarLeft = sidebarRef.current.getBoundingClientRect().left;\n      let newWidth = mouseMoveEvent.clientX - sidebarLeft;\n\n      newWidth = Math.max(newWidth, minWidth);\n      if (maxWidth !== undefined) {\n        newWidth = Math.min(newWidth, maxWidth);\n      }\n\n      setSidebarWidth(newWidth);\n\n      // Trigger custom event for external listeners\n      triggerEvent(\n        \"sidebar:resize:active\",\n        {\n          isSidebarOpen,\n          sidebarWidth: newWidth,\n        },\n        sidebarRef.current,\n      );\n    },\n    [isResizing, minWidth, maxWidth, isSidebarOpen],\n  );\n\n  // Set up and clean up event listeners for resize operation\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    window.addEventListener(\"mousemove\", resize);\n    window.addEventListener(\"mouseup\", stopResizing);\n\n    return () => {\n      window.removeEventListener(\"mousemove\", resize);\n      window.removeEventListener(\"mouseup\", stopResizing);\n    };\n  }, [resize, stopResizing]);\n\n  return {\n    sidebarRef,\n    startResizing,\n    isResizing,\n    isSidebarOpen,\n    handleToggleSidebar,\n  };\n};\n"],"mappings":";;;AASA,MAAaK,oBAAoB,EAC/BC,eAAe,KACfC,WAAW,KACXC,eACwB;CACxB,MAAM,CAACC,YAAYC,iBAAiBP,SAAkB,KAAK;CAE3D,MAAM,CAACQ,cAAcC,mBAAmBT,SACtCU,KAAKC,IAAIR,cAAcC,QAAQ,CACjC;CAEA,MAAMQ,aAAab,OAAuB,IAAI;CAE9C,MAAM,CAACc,eAAeC,oBAAoBd,SAAkB,IAAI;CAEhE,MAAMe,sBAAsBlB,kBAAkB;EAC5C,MAAMmB,WAAW,CAACH;EAClBC,iBAAiBE,QAAQ;EAGzBf,aACE,yBACA,EAAEY,eAAeG,SAAS,GAC1BJ,WAAWK,OACb;CACF,GAAG,CAACJ,aAAa,CAAC;CAGlBf,gBAAgB;EACd,MAAMoB,QAAQL,gBAAgBL,eAAe;EAC7CW,SAASC,gBAAgBC,MAAMC,YAAY,mBAAmB,GAAGJ,MAAK,GAAI;CAC5E,GAAG,CAACL,eAAeL,YAAY,CAAC;CAEhC,MAAMe,gBAAgB1B,kBAAkB;EACtC,IAAI,CAACgB,eAAe;EAEpBN,cAAc,IAAI;EAGlBN,aAAa,wBAAwB,EAAEY,cAAc,GAAGD,WAAWK,OAAO;CAC5E,GAAG,CAACJ,aAAa,CAAC;CAElB,MAAMW,eAAe3B,kBAAkB;EACrC,IAAI,CAACS,YAAY;EAEjBC,cAAc,KAAK;EAGnBN,aACE,kBACA;GACEY;GACAL,cAAcK,gBAAgBL,eAAe;EAC/C,GACAI,WAAWK,OACb;CACF,GAAG;EAACX;EAAYO;EAAeL;CAAY,CAAC;CAE5C,MAAMiB,SAAS5B,aACZ6B,mBAA+B;EAC9B,IAAI,CAACpB,cAAc,CAACM,WAAWK,SAAS;EAExC,MAAMU,cAAcf,WAAWK,QAAQW,sBAAsB,CAAC,CAACC;EAC/D,IAAIC,WAAWJ,eAAeK,UAAUJ;EAExCG,WAAWpB,KAAKC,IAAImB,UAAU1B,QAAQ;EACtC,IAAIC,aAAa2B,KAAAA,GACfF,WAAWpB,KAAKuB,IAAIH,UAAUzB,QAAQ;EAGxCI,gBAAgBqB,QAAQ;EAGxB7B,aACE,yBACA;GACEY;GACAL,cAAcsB;EAChB,GACAlB,WAAWK,OACb;CACF,GACA;EAACX;EAAYF;EAAUC;EAAUQ;CAAa,CAChD;CAGAf,gBAAgB;EACd,IAAI,OAAOoC,WAAW,aAAa;EAEnCA,OAAOC,iBAAiB,aAAaV,MAAM;EAC3CS,OAAOC,iBAAiB,WAAWX,YAAY;EAE/C,aAAa;GACXU,OAAOE,oBAAoB,aAAaX,MAAM;GAC9CS,OAAOE,oBAAoB,WAAWZ,YAAY;EACpD;CACF,GAAG,CAACC,QAAQD,YAAY,CAAC;CAEzB,OAAO;EACLZ;EACAW;EACAjB;EACAO;EACAE;CACF;AACF"}

package/dist/ui/components/sidebar/utils.d.ts

@@ -1,14 +1,13 @@
-import { a as NodeStatus, i as NodeSortType, r as NodeSortOrder, s as SidebarNode } from "../../../types-CNbvfWjh.js";
-
+import { a as NodeStatus, i as NodeSortType, r as NodeSortOrder, s as SidebarNode } from "../../../types-FTqFl5du.js";
 //#region src/ui/components/sidebar/utils.d.ts
-declare const nodesSearch: (nodes: SidebarNode[], searchTerm: string, searchType?: "bfs" | "dfs") => SidebarNode[];
-declare const getOpenLevels: (items: SidebarNode[], level: number) => Set<string>;
-declare const isOpenLevel: (items: SidebarNode[], expandedNodes: Set<string>, level: number) => boolean;
-declare const getNodePath: (items: SidebarNode[], nodeId: string) => SidebarNode[] | null;
-declare const getMaxDepth: (items: SidebarNode[]) => number;
-declare const filterStatuses: (nodes: SidebarNode[], statuses: NodeStatus[]) => SidebarNode[];
-declare const triggerEvent: (eventType: string, data: unknown, element?: Document | HTMLElement | null) => void;
-declare const sortNodes: (nodes: SidebarNode[], sortType: NodeSortType, sortOrder: NodeSortOrder) => SidebarNode[];
+export declare const nodesSearch: (nodes: SidebarNode[], searchTerm: string, searchType?: "bfs" | "dfs") => SidebarNode[];
+export declare const getOpenLevels: (items: SidebarNode[], level: number) => Set<string>;
+export declare const isOpenLevel: (items: SidebarNode[], expandedNodes: Set<string>, level: number) => boolean;
+export declare const getNodePath: (items: SidebarNode[], nodeId: string) => SidebarNode[] | null;
+export declare const getMaxDepth: (items: SidebarNode[]) => number;
+export declare const filterStatuses: (nodes: SidebarNode[], statuses: NodeStatus[]) => SidebarNode[];
+export declare const triggerEvent: (eventType: string, data: unknown, element?: Document | HTMLElement | null) => void;
+export declare const sortNodes: (nodes: SidebarNode[], sortType: NodeSortType, sortOrder: NodeSortOrder) => SidebarNode[];
 //#endregion
-export { filterStatuses, getMaxDepth, getNodePath, getOpenLevels, isOpenLevel, nodesSearch, sortNodes, triggerEvent };
+export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/ui/components/sidebar/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../../src/ui/components/sidebar/utils.ts"],"mappings":";;;cAQa,WAAA,GACX,KAAA,EAAO,WAAA,IACP,UAAA,UACA,UAAA,qBACC,WAAA;AAAA,cAmDU,aAAA,GACX,KAAA,EAAO,WAAA,IACP,KAAA,aACC,GAAA;AAAA,cAsBU,WAAA,GACX,KAAA,EAAO,WAAA,IACP,aAAA,EAAe,GAAA,UACf,KAAA;AAAA,cAuCW,WAAA,GACX,KAAA,EAAO,WAAA,IACP,MAAA,aACC,WAAA;AAAA,cA2CU,WAAA,GAAe,KAAA,EAAO,WAAA;AAAA,cA2BtB,cAAA,GACX,KAAA,EAAO,WAAA,IACP,QAAA,EAAU,UAAA,OACT,WAAA;AAAA,cA6BU,YAAA,GACX,SAAA,UACA,IAAA,WACA,OAAA,GAAS,QAAA,GAAW,WAAA;AAAA,cAgBT,SAAA,GACX,KAAA,EAAO,WAAA,IACP,QAAA,EAAU,YAAA,EACV,SAAA,EAAW,aAAA,KACV,WAAA"}
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../../src/ui/components/sidebar/utils.ts"],"mappings":";;qBAQa,cAAW,OACf,eAAa,oBACF,+BAEjB;qBAmDU,gBAAa,OACjB,eAAa,kBAEnB;qBAsBU,cAAW,OACf,eAAa,eACL,aAAW;qBAwCf,cAAW,OACf,eAAa,mBAEnB;qBA2CU,cAAW,OAAW;qBA2BtB,iBAAc,OAClB,eAAa,UACV,iBACT;qBA6BU,eAAY,mBACN,eACJ,UACJ,WAAW;qBAgBT,YAAS,OACb,eAAa,UACV,cAAY,WACX,kBACV"}

package/dist/ui/components/sidebar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["naturalCompare","nodesSearch","nodes","searchTerm","searchType","trim","lowerCaseSearchTerm","toLowerCase","results","dfs","node","title","includes","push","children","length","child","bfs","queue","current","shift","getOpenLevels","items","level","Set","result","traverse","currentLevel","add","id","isOpenLevel","expandedNodes","i","nextLevelQueue","has","getNodePath","nodeId","findPath","path","root","getMaxDepth","maxDepth","depth","Math","max","item","filterStatuses","statuses","reduce","filteredNodes","nodeHasStatus","status","undefined","filteredChildren","filteredNode","triggerEvent","eventType","data","element","document","console","warn","event","CustomEvent","detail","bubbles","cancelable","dispatchEvent","sortNodes","sortType","sortOrder","sortedNodes","sort","a","b","comparison","localeCompare","map"],"sources":["../../../../src/ui/components/sidebar/utils.ts"],"sourcesContent":["import naturalCompare from \"natural-compare-lite\";\nimport type {\n  NodeSortOrder,\n  NodeSortType,\n  NodeStatus,\n  SidebarNode,\n} from \"./types.js\";\n\nexport const nodesSearch = (\n  nodes: SidebarNode[],\n  searchTerm: string,\n  searchType: \"bfs\" | \"dfs\" = \"dfs\",\n): SidebarNode[] => {\n  if (!searchTerm.trim()) {\n    return [];\n  }\n\n  const lowerCaseSearchTerm = searchTerm.toLowerCase();\n  const results: SidebarNode[] = [];\n\n  const dfs = (node: SidebarNode): void => {\n    // Check if current node matches search\n    if (node.title.toLowerCase().includes(lowerCaseSearchTerm)) {\n      results.push(node);\n    }\n\n    // Recursively search children if they exist\n    if (node.children?.length) {\n      for (const child of node.children) {\n        dfs(child);\n      }\n    }\n  };\n\n  const bfs = (nodes: SidebarNode[]): void => {\n    const queue: SidebarNode[] = [...nodes];\n\n    while (queue.length > 0) {\n      const current = queue.shift();\n      if (!current) continue;\n\n      if (current.title.toLowerCase().includes(lowerCaseSearchTerm)) {\n        results.push(current);\n      }\n\n      if (current.children?.length) {\n        queue.push(...current.children);\n      }\n    }\n  };\n\n  // Execute the appropriate search algorithm\n  if (searchType === \"dfs\") {\n    for (const node of nodes) {\n      dfs(node);\n    }\n  } else {\n    bfs(nodes);\n  }\n\n  return results;\n};\n\nexport const getOpenLevels = (\n  items: SidebarNode[],\n  level: number,\n): Set<string> => {\n  if (level < 1) {\n    return new Set<string>();\n  }\n\n  const result = new Set<string>();\n\n  const traverse = (nodes: SidebarNode[], currentLevel: number): void => {\n    for (const node of nodes) {\n      if (currentLevel < level) {\n        result.add(node.id);\n      }\n      if (node.children?.length) {\n        traverse(node.children, currentLevel + 1);\n      }\n    }\n  };\n\n  traverse(items, 1); // Start from level 1\n  return result;\n};\n\nexport const isOpenLevel = (\n  items: SidebarNode[],\n  expandedNodes: Set<string>,\n  level: number,\n): boolean => {\n  if (!items.length || level < 1) {\n    return false;\n  }\n\n  // Check if all levels up to the target level are open\n  const queue: SidebarNode[] = [...items];\n\n  for (let i = 0; i < level; i++) {\n    const nextLevelQueue: SidebarNode[] = [];\n\n    while (queue.length > 0) {\n      const current = queue.shift();\n      if (!current) continue;\n\n      if (!expandedNodes.has(current.id)) {\n        return false;\n      }\n\n      if (current.children?.length) {\n        nextLevelQueue.push(...current.children);\n      }\n    }\n\n    queue.push(...nextLevelQueue);\n  }\n\n  // Check if there's something open one level deeper\n  // If so, then the level is not fully open\n  for (const node of queue) {\n    if (expandedNodes.has(node.id)) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\nexport const getNodePath = (\n  items: SidebarNode[],\n  nodeId: string,\n): SidebarNode[] | null => {\n  if (!nodeId || !items.length) {\n    return null;\n  }\n\n  const findPath = (\n    node: SidebarNode,\n    id: string,\n    path: SidebarNode[],\n  ): SidebarNode[] | null => {\n    // Add the current node to the path\n    path.push(node);\n\n    // Check if the current node is the target\n    if (node.id === id) {\n      return [...path]; // Return a copy to avoid mutation issues\n    }\n\n    // Recursively search in the children\n    if (node.children?.length) {\n      for (const child of node.children) {\n        const result = findPath(child, id, [...path]);\n        if (result) {\n          return result;\n        }\n      }\n    }\n\n    // Not found in this path\n    return null;\n  };\n\n  // Try to find the path starting from each root node\n  for (const root of items) {\n    const result = findPath(root, nodeId, []);\n    if (result) {\n      return result;\n    }\n  }\n\n  return null;\n};\n\nexport const getMaxDepth = (items: SidebarNode[]): number => {\n  if (!items.length) {\n    return 0;\n  }\n\n  let maxDepth = 0;\n\n  const traverse = (node: SidebarNode, depth: number): void => {\n    // Update maxDepth if the current depth is greater\n    maxDepth = Math.max(maxDepth, depth);\n\n    // Traverse children recursively\n    if (node.children?.length) {\n      for (const child of node.children) {\n        traverse(child, depth + 1);\n      }\n    }\n  };\n\n  // Start traversal from each root node\n  for (const item of items) {\n    traverse(item, 1); // Start with depth 1 for root nodes\n  }\n\n  return maxDepth;\n};\n\nexport const filterStatuses = (\n  nodes: SidebarNode[],\n  statuses: NodeStatus[],\n): SidebarNode[] => {\n  if (!nodes.length || !statuses.length) {\n    return [];\n  }\n\n  return nodes.reduce<SidebarNode[]>((filteredNodes, node) => {\n    // Check if the node itself has one of the statuses\n    const nodeHasStatus =\n      node.status !== undefined && statuses.includes(node.status);\n\n    // Recursively filter children\n    const filteredChildren = node.children\n      ? filterStatuses(node.children, statuses)\n      : [];\n\n    // Include the node if it or any of its children should be included\n    if (nodeHasStatus || filteredChildren.length > 0) {\n      // Create a copy of the node with filtered children\n      const filteredNode: SidebarNode = {\n        ...node,\n        children: filteredChildren,\n      };\n      filteredNodes.push(filteredNode);\n    }\n\n    return filteredNodes;\n  }, []);\n};\n\nexport const triggerEvent = (\n  eventType: string,\n  data: unknown,\n  element: Document | HTMLElement | null = document,\n): void => {\n  if (!eventType) {\n    console.warn(\"triggerEvent called without an event type\");\n    return;\n  }\n\n  const event = new CustomEvent(eventType, {\n    detail: data,\n    bubbles: true,\n    cancelable: false,\n  });\n\n  (element ?? document).dispatchEvent(event);\n};\n\nexport const sortNodes = (\n  nodes: SidebarNode[],\n  sortType: NodeSortType,\n  sortOrder: NodeSortOrder,\n): SidebarNode[] => {\n  const sortedNodes = [...nodes].sort((a, b) => {\n    const comparison =\n      typeof sortType === \"function\"\n        ? sortType(a.title, b.title)\n        : sortType === \"alphabetical\"\n          ? a.title.toLowerCase().localeCompare(b.title.toLowerCase())\n          : naturalCompare(a.title, b.title);\n\n    return sortOrder === \"desc\" ? -comparison : comparison;\n  });\n\n  return sortedNodes.map((node) => ({\n    ...node,\n    children: node.children\n      ? sortNodes(node.children, sortType, sortOrder)\n      : undefined,\n  }));\n};\n"],"mappings":";;AAQA,MAAaC,eACXC,OACAC,YACAC,aAA4B,UACV;AAClB,KAAI,CAACD,WAAWE,MAAM,CACpB,QAAO,EAAE;CAGX,MAAMC,sBAAsBH,WAAWI,aAAa;CACpD,MAAMC,UAAyB,EAAE;CAEjC,MAAMC,OAAOC,SAA4B;AAEvC,MAAIA,KAAKC,MAAMJ,aAAa,CAACK,SAASN,oBAAoB,CACxDE,SAAQK,KAAKH,KAAK;AAIpB,MAAIA,KAAKI,UAAUC,OACjB,MAAK,MAAMC,SAASN,KAAKI,SACvBL,KAAIO,MAAM;;CAKhB,MAAMC,OAAOf,UAA+B;EAC1C,MAAMgB,QAAuB,CAAC,GAAGhB,MAAM;AAEvC,SAAOgB,MAAMH,SAAS,GAAG;GACvB,MAAMI,UAAUD,MAAME,OAAO;AAC7B,OAAI,CAACD,QAAS;AAEd,OAAIA,QAAQR,MAAMJ,aAAa,CAACK,SAASN,oBAAoB,CAC3DE,SAAQK,KAAKM,QAAQ;AAGvB,OAAIA,QAAQL,UAAUC,OACpBG,OAAML,KAAK,GAAGM,QAAQL,SAAS;;;AAMrC,KAAIV,eAAe,MACjB,MAAK,MAAMM,QAAQR,MACjBO,KAAIC,KAAK;KAGXO,KAAIf,MAAM;AAGZ,QAAOM;;AAGT,MAAaa,iBACXC,OACAC,UACgB;AAChB,KAAIA,QAAQ,EACV,wBAAO,IAAIC,KAAa;CAG1B,MAAMC,yBAAS,IAAID,KAAa;CAEhC,MAAME,YAAYxB,OAAsByB,iBAA+B;AACrE,OAAK,MAAMjB,QAAQR,OAAO;AACxB,OAAIyB,eAAeJ,MACjBE,QAAOG,IAAIlB,KAAKmB,GAAG;AAErB,OAAInB,KAAKI,UAAUC,OACjBW,UAAShB,KAAKI,UAAUa,eAAe,EAAE;;;AAK/CD,UAASJ,OAAO,EAAE;AAClB,QAAOG;;AAGT,MAAaK,eACXR,OACAS,eACAR,UACY;AACZ,KAAI,CAACD,MAAMP,UAAUQ,QAAQ,EAC3B,QAAO;CAIT,MAAML,QAAuB,CAAC,GAAGI,MAAM;AAEvC,MAAK,IAAIU,IAAI,GAAGA,IAAIT,OAAOS,KAAK;EAC9B,MAAMC,iBAAgC,EAAE;AAExC,SAAOf,MAAMH,SAAS,GAAG;GACvB,MAAMI,UAAUD,MAAME,OAAO;AAC7B,OAAI,CAACD,QAAS;AAEd,OAAI,CAACY,cAAcG,IAAIf,QAAQU,GAAG,CAChC,QAAO;AAGT,OAAIV,QAAQL,UAAUC,OACpBkB,gBAAepB,KAAK,GAAGM,QAAQL,SAAS;;AAI5CI,QAAML,KAAK,GAAGoB,eAAe;;AAK/B,MAAK,MAAMvB,QAAQQ,MACjB,KAAIa,cAAcG,IAAIxB,KAAKmB,GAAG,CAC5B,QAAO;AAIX,QAAO;;AAGT,MAAaM,eACXb,OACAc,WACyB;AACzB,KAAI,CAACA,UAAU,CAACd,MAAMP,OACpB,QAAO;CAGT,MAAMsB,YACJ3B,MACAmB,IACAS,SACyB;AAEzBA,OAAKzB,KAAKH,KAAK;AAGf,MAAIA,KAAKmB,OAAOA,GACd,QAAO,CAAC,GAAGS,KAAK;AAIlB,MAAI5B,KAAKI,UAAUC,OACjB,MAAK,MAAMC,SAASN,KAAKI,UAAU;GACjC,MAAMW,SAASY,SAASrB,OAAOa,IAAI,CAAC,GAAGS,KAAK,CAAC;AAC7C,OAAIb,OACF,QAAOA;;AAMb,SAAO;;AAIT,MAAK,MAAMc,QAAQjB,OAAO;EACxB,MAAMG,SAASY,SAASE,MAAMH,QAAQ,EAAE,CAAC;AACzC,MAAIX,OACF,QAAOA;;AAIX,QAAO;;AAGT,MAAae,eAAelB,UAAiC;AAC3D,KAAI,CAACA,MAAMP,OACT,QAAO;CAGT,IAAI0B,WAAW;CAEf,MAAMf,YAAYhB,MAAmBgC,UAAwB;AAE3DD,aAAWE,KAAKC,IAAIH,UAAUC,MAAM;AAGpC,MAAIhC,KAAKI,UAAUC,OACjB,MAAK,MAAMC,SAASN,KAAKI,SACvBY,UAASV,OAAO0B,QAAQ,EAAE;;AAMhC,MAAK,MAAMG,QAAQvB,MACjBI,UAASmB,MAAM,EAAE;AAGnB,QAAOJ;;AAGT,MAAaK,kBACX5C,OACA6C,aACkB;AAClB,KAAI,CAAC7C,MAAMa,UAAU,CAACgC,SAAShC,OAC7B,QAAO,EAAE;AAGX,QAAOb,MAAM8C,QAAuBC,eAAevC,SAAS;EAE1D,MAAMwC,gBACJxC,KAAKyC,WAAWC,KAAAA,KAAaL,SAASnC,SAASF,KAAKyC,OAAO;EAG7D,MAAME,mBAAmB3C,KAAKI,WAC1BgC,eAAepC,KAAKI,UAAUiC,SAAS,GACvC,EAAE;AAGN,MAAIG,iBAAiBG,iBAAiBtC,SAAS,GAAG;GAEhD,MAAMuC,eAA4B;IAChC,GAAG5C;IACHI,UAAUuC;IACX;AACDJ,iBAAcpC,KAAKyC,aAAa;;AAGlC,SAAOL;IACN,EAAE,CAAC;;AAGR,MAAaM,gBACXC,WACAC,MACAC,UAAyCC,aAChC;AACT,KAAI,CAACH,WAAW;AACdI,UAAQC,KAAK,4CAA4C;AACzD;;CAGF,MAAMC,QAAQ,IAAIC,YAAYP,WAAW;EACvCQ,QAAQP;EACRQ,SAAS;EACTC,YAAY;EACb,CAAC;AAEF,EAACR,WAAWC,UAAUQ,cAAcL,MAAM;;AAG5C,MAAaM,aACXlE,OACAmE,UACAC,cACkB;AAYlB,QAXoB,CAAC,GAAGpE,MAAM,CAACsE,MAAMC,GAAGC,MAAM;EAC5C,MAAMC,aACJ,OAAON,aAAa,aAChBA,SAASI,EAAE9D,OAAO+D,EAAE/D,MAAM,GAC1B0D,aAAa,iBACXI,EAAE9D,MAAMJ,aAAa,CAACqE,cAAcF,EAAE/D,MAAMJ,aAAa,CAAC,GAC1DP,eAAeyE,EAAE9D,OAAO+D,EAAE/D,MAAM;AAExC,SAAO2D,cAAc,SAAS,CAACK,aAAaA;GAC5C,CAEiBE,KAAKnE,UAAU;EAChC,GAAGA;EACHI,UAAUJ,KAAKI,WACXsD,UAAU1D,KAAKI,UAAUuD,UAAUC,UAAU,GAC7ClB,KAAAA;EACL,EAAE"}
+{"version":3,"file":"utils.js","names":["naturalCompare","nodesSearch","nodes","searchTerm","searchType","trim","lowerCaseSearchTerm","toLowerCase","results","dfs","node","title","includes","push","children","length","child","bfs","queue","current","shift","getOpenLevels","items","level","Set","result","traverse","currentLevel","add","id","isOpenLevel","expandedNodes","i","nextLevelQueue","has","getNodePath","nodeId","findPath","path","root","getMaxDepth","maxDepth","depth","Math","max","item","filterStatuses","statuses","reduce","filteredNodes","nodeHasStatus","status","undefined","filteredChildren","filteredNode","triggerEvent","eventType","data","element","document","console","warn","event","CustomEvent","detail","bubbles","cancelable","dispatchEvent","sortNodes","sortType","sortOrder","sortedNodes","sort","a","b","comparison","localeCompare","map"],"sources":["../../../../src/ui/components/sidebar/utils.ts"],"sourcesContent":["import naturalCompare from \"natural-compare-lite\";\nimport type {\n  NodeSortOrder,\n  NodeSortType,\n  NodeStatus,\n  SidebarNode,\n} from \"./types.js\";\n\nexport const nodesSearch = (\n  nodes: SidebarNode[],\n  searchTerm: string,\n  searchType: \"bfs\" | \"dfs\" = \"dfs\",\n): SidebarNode[] => {\n  if (!searchTerm.trim()) {\n    return [];\n  }\n\n  const lowerCaseSearchTerm = searchTerm.toLowerCase();\n  const results: SidebarNode[] = [];\n\n  const dfs = (node: SidebarNode): void => {\n    // Check if current node matches search\n    if (node.title.toLowerCase().includes(lowerCaseSearchTerm)) {\n      results.push(node);\n    }\n\n    // Recursively search children if they exist\n    if (node.children?.length) {\n      for (const child of node.children) {\n        dfs(child);\n      }\n    }\n  };\n\n  const bfs = (nodes: SidebarNode[]): void => {\n    const queue: SidebarNode[] = [...nodes];\n\n    while (queue.length > 0) {\n      const current = queue.shift();\n      if (!current) continue;\n\n      if (current.title.toLowerCase().includes(lowerCaseSearchTerm)) {\n        results.push(current);\n      }\n\n      if (current.children?.length) {\n        queue.push(...current.children);\n      }\n    }\n  };\n\n  // Execute the appropriate search algorithm\n  if (searchType === \"dfs\") {\n    for (const node of nodes) {\n      dfs(node);\n    }\n  } else {\n    bfs(nodes);\n  }\n\n  return results;\n};\n\nexport const getOpenLevels = (\n  items: SidebarNode[],\n  level: number,\n): Set<string> => {\n  if (level < 1) {\n    return new Set<string>();\n  }\n\n  const result = new Set<string>();\n\n  const traverse = (nodes: SidebarNode[], currentLevel: number): void => {\n    for (const node of nodes) {\n      if (currentLevel < level) {\n        result.add(node.id);\n      }\n      if (node.children?.length) {\n        traverse(node.children, currentLevel + 1);\n      }\n    }\n  };\n\n  traverse(items, 1); // Start from level 1\n  return result;\n};\n\nexport const isOpenLevel = (\n  items: SidebarNode[],\n  expandedNodes: Set<string>,\n  level: number,\n): boolean => {\n  if (!items.length || level < 1) {\n    return false;\n  }\n\n  // Check if all levels up to the target level are open\n  const queue: SidebarNode[] = [...items];\n\n  for (let i = 0; i < level; i++) {\n    const nextLevelQueue: SidebarNode[] = [];\n\n    while (queue.length > 0) {\n      const current = queue.shift();\n      if (!current) continue;\n\n      if (!expandedNodes.has(current.id)) {\n        return false;\n      }\n\n      if (current.children?.length) {\n        nextLevelQueue.push(...current.children);\n      }\n    }\n\n    queue.push(...nextLevelQueue);\n  }\n\n  // Check if there's something open one level deeper\n  // If so, then the level is not fully open\n  for (const node of queue) {\n    if (expandedNodes.has(node.id)) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\nexport const getNodePath = (\n  items: SidebarNode[],\n  nodeId: string,\n): SidebarNode[] | null => {\n  if (!nodeId || !items.length) {\n    return null;\n  }\n\n  const findPath = (\n    node: SidebarNode,\n    id: string,\n    path: SidebarNode[],\n  ): SidebarNode[] | null => {\n    // Add the current node to the path\n    path.push(node);\n\n    // Check if the current node is the target\n    if (node.id === id) {\n      return [...path]; // Return a copy to avoid mutation issues\n    }\n\n    // Recursively search in the children\n    if (node.children?.length) {\n      for (const child of node.children) {\n        const result = findPath(child, id, [...path]);\n        if (result) {\n          return result;\n        }\n      }\n    }\n\n    // Not found in this path\n    return null;\n  };\n\n  // Try to find the path starting from each root node\n  for (const root of items) {\n    const result = findPath(root, nodeId, []);\n    if (result) {\n      return result;\n    }\n  }\n\n  return null;\n};\n\nexport const getMaxDepth = (items: SidebarNode[]): number => {\n  if (!items.length) {\n    return 0;\n  }\n\n  let maxDepth = 0;\n\n  const traverse = (node: SidebarNode, depth: number): void => {\n    // Update maxDepth if the current depth is greater\n    maxDepth = Math.max(maxDepth, depth);\n\n    // Traverse children recursively\n    if (node.children?.length) {\n      for (const child of node.children) {\n        traverse(child, depth + 1);\n      }\n    }\n  };\n\n  // Start traversal from each root node\n  for (const item of items) {\n    traverse(item, 1); // Start with depth 1 for root nodes\n  }\n\n  return maxDepth;\n};\n\nexport const filterStatuses = (\n  nodes: SidebarNode[],\n  statuses: NodeStatus[],\n): SidebarNode[] => {\n  if (!nodes.length || !statuses.length) {\n    return [];\n  }\n\n  return nodes.reduce<SidebarNode[]>((filteredNodes, node) => {\n    // Check if the node itself has one of the statuses\n    const nodeHasStatus =\n      node.status !== undefined && statuses.includes(node.status);\n\n    // Recursively filter children\n    const filteredChildren = node.children\n      ? filterStatuses(node.children, statuses)\n      : [];\n\n    // Include the node if it or any of its children should be included\n    if (nodeHasStatus || filteredChildren.length > 0) {\n      // Create a copy of the node with filtered children\n      const filteredNode: SidebarNode = {\n        ...node,\n        children: filteredChildren,\n      };\n      filteredNodes.push(filteredNode);\n    }\n\n    return filteredNodes;\n  }, []);\n};\n\nexport const triggerEvent = (\n  eventType: string,\n  data: unknown,\n  element: Document | HTMLElement | null = document,\n): void => {\n  if (!eventType) {\n    console.warn(\"triggerEvent called without an event type\");\n    return;\n  }\n\n  const event = new CustomEvent(eventType, {\n    detail: data,\n    bubbles: true,\n    cancelable: false,\n  });\n\n  (element ?? document).dispatchEvent(event);\n};\n\nexport const sortNodes = (\n  nodes: SidebarNode[],\n  sortType: NodeSortType,\n  sortOrder: NodeSortOrder,\n): SidebarNode[] => {\n  const sortedNodes = [...nodes].sort((a, b) => {\n    const comparison =\n      typeof sortType === \"function\"\n        ? sortType(a.title, b.title)\n        : sortType === \"alphabetical\"\n          ? a.title.toLowerCase().localeCompare(b.title.toLowerCase())\n          : naturalCompare(a.title, b.title);\n\n    return sortOrder === \"desc\" ? -comparison : comparison;\n  });\n\n  return sortedNodes.map((node) => ({\n    ...node,\n    children: node.children\n      ? sortNodes(node.children, sortType, sortOrder)\n      : undefined,\n  }));\n};\n"],"mappings":"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"}

package/dist/ui/components/text-field/text-field.d.ts

@@ -1,2 +1,3 @@
-import { n as TextFieldProps, t as TextField } from "../../../text-field-DSInH67J.js";
-export { TextField, TextFieldProps };
+import { n as TextFieldProps, t as TextField } from "../../../text-field-CDYSwanK.js";
+export { TextField, TextFieldProps };
+export {};

package/dist/ui/components/text-field/text-field.js

@@ -3,8 +3,9 @@ import { TextInput } from "../text-input/text-input.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/ui/components/text-field/text-field.tsx
-const TextField = /* @__PURE__ */ forwardRef(function TextField(props, ref) {
-	return /* @__PURE__ */ jsx(withFieldValidation(TextInput), {
+const TextField = /*#__PURE__*/ forwardRef(function TextField(props, ref) {
+	const Component = withFieldValidation(TextInput);
+	return /* @__PURE__ */ jsx(Component, {
 		...props,
 		ref
 	});

package/dist/ui/components/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","names":["forwardRef","TextInput","withFieldValidation","TextField","props","ref","Component","displayName"],"sources":["../../../../src/ui/components/text-field/text-field.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { FieldErrorHandling, WithDifference } from \"../../types.js\";\nimport { type TextInputProps, TextInput } from \"../text-input/text-input.js\";\nimport { withFieldValidation } from \"../with-field-validation/with-field-validation.js\";\n\nexport type TextFieldProps = TextInputProps &\n  FieldErrorHandling &\n  WithDifference<string>;\n\nexport const TextField = forwardRef(function TextField(\n  props: TextFieldProps,\n  ref: Ref<HTMLInputElement>,\n) {\n  const Component = withFieldValidation<TextFieldProps>(TextInput);\n  return <Component {...props} ref={ref} />;\n});\n\nTextField.displayName = \"TextField\";\n"],"mappings":";;;;;AAUA,MAAaG,YAAYH,2BAAW,SAASG,UAC3CC,OACAC,KACA;AAEA,QAAO,oBADWH,oBAAoCD,UAAU,EACzD;EAAW,GAAIG;EAAYC;EAAO,CAAA;EACzC;AAEFF,UAAUI,cAAc"}
+{"version":3,"file":"text-field.js","names":["forwardRef","TextInput","withFieldValidation","TextField","props","ref","Component","displayName"],"sources":["../../../../src/ui/components/text-field/text-field.tsx"],"sourcesContent":["import type { Ref } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { FieldErrorHandling, WithDifference } from \"../../types.js\";\nimport { type TextInputProps, TextInput } from \"../text-input/text-input.js\";\nimport { withFieldValidation } from \"../with-field-validation/with-field-validation.js\";\n\nexport type TextFieldProps = TextInputProps &\n  FieldErrorHandling &\n  WithDifference<string>;\n\nexport const TextField = forwardRef(function TextField(\n  props: TextFieldProps,\n  ref: Ref<HTMLInputElement>,\n) {\n  const Component = withFieldValidation<TextFieldProps>(TextInput);\n  return <Component {...props} ref={ref} />;\n});\n\nTextField.displayName = \"TextField\";\n"],"mappings":";;;;;AAUA,MAAaG,YAAYH,yBAAW,SAASG,UAC3CC,OACAC,KACA;CACA,MAAMC,YAAYJ,oBAAoCD,SAAS;CAC/D,OAAO,oBAAC,WAAD;EAAW,GAAIG;EAAYC;CAAI,CAAA;AACxC,CAAC;AAEDF,UAAUI,cAAc"}

package/dist/ui/components/text-input/text-input-diff.d.ts

@@ -1,2 +1,3 @@
-import { t as TextInputDiff } from "../../../text-input-diff-B0vLSKQm.js";
-export { TextInputDiff as default };
+import { t as TextInputDiff } from "../../../text-input-diff-BgJAxPQV.js";
+export { TextInputDiff as default };
+export {};