@powerhousedao/design-system 6.1.0-dev.2 → 6.1.0-dev.20

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-reducer.d.ts","names":[],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-reducer.ts"],"mappings":";;;UAGiB,YAAA;EACf,KAAA,EAAO,WAAA;EACP,aAAA,EAAe,GAAA;EACf,cAAA,EAAgB,WAAA;EAChB,UAAA;EACA,aAAA,EAAe,WAAA;EACf,WAAA;EACA,iBAAA;EACA,YAAA;EACA,qBAAA;EACA,YAAA,GAAe,YAAA;EACf,aAAA,EAAe,aAAA;AAAA;AAAA,cAIJ,mBAAA,EAAqB,YAAA;AAAA,aAetB,iBAAA;EACV,SAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;AAAA;AAAA,UAIQ,cAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,SAAA;EACxB,OAAA;IACE,KAAA,EAAO,WAAA;IACP,QAAA,GAAW,YAAA;IACX,SAAA,GAAY,aAAA;EAAA;AAAA;AAAA,UAIN,gBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,WAAA;EACxB,OAAA;AAAA;AAAA,UAGQ,cAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,SAAA;EACxB,OAAA;AAAA;AAAA,UAGQ,eAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,UAAA;EACxB,OAAA;AAAA;AAAA,UAGQ,sBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,kBAAA;EACxB,OAAA;AAAA;AAAA,UAGQ,sBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,kBAAA;EACxB,OAAA,EAAS,WAAA;AAAA;AAAA,UAGD,oBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,gBAAA;EACxB,OAAA;AAAA;AAAA,UAGQ,sBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,mBAAA;EACxB,OAAA;AAAA;AAAA,UAGQ,wBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,oBAAA;AAAA;AAAA,UAGhB,uBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,oBAAA;EACxB,OAAA,EAAS,WAAA;AAAA;AAAA,UAGD,sBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,kBAAA;EACxB,OAAA,EAAS,GAAA;AAAA;AAAA,UAGD,qBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,mBAAA;EACxB,OAAA,EAAS,YAAA;AAAA;AAAA,UAGD,sBAAA;EACR,IAAA,EAAM,iBAAA,CAAkB,oBAAA;EACxB,OAAA,EAAS,aAAA;AAAA;AAAA,KAIC,aAAA,GACR,cAAA,GACA,gBAAA,GACA,cAAA,GACA,eAAA,GACA,sBAAA,GACA,sBAAA,GACA,oBAAA,GACA,sBAAA,GACA,wBAAA,GACA,uBAAA,GACA,sBAAA,GACA,qBAAA,GACA,sBAAA;AAAA,cAGS,cAAA,GACX,KAAA,EAAO,YAAA,cACP,MAAA,EAAQ,aAAA,KACP,YAAA"}

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

@@ -0,0 +1,107 @@
+//#region src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-reducer.ts
+const initialSidebarState = {
+	nodes: [],
+	expandedNodes: /* @__PURE__ */ new Set(),
+	pinnedNodePath: [],
+	searchTerm: "",
+	searchResults: [],
+	isSearching: false,
+	activeSearchIndex: 0,
+	activeNodeId: void 0,
+	isStatusFilterEnabled: false,
+	nodeSortType: void 0,
+	nodeSortOrder: "asc"
+};
+let SidebarActionType = /* @__PURE__ */ function(SidebarActionType) {
+	SidebarActionType["SET_NODES"] = "SET_NODES";
+	SidebarActionType["TOGGLE_NODE"] = "TOGGLE_NODE";
+	SidebarActionType["OPEN_NODE"] = "OPEN_NODE";
+	SidebarActionType["CLOSE_NODE"] = "CLOSE_NODE";
+	SidebarActionType["CHANGE_SEARCH_TERM"] = "CHANGE_SEARCH_TERM";
+	SidebarActionType["SET_SEARCH_RESULTS"] = "SET_SEARCH_RESULTS";
+	SidebarActionType["SET_IS_SEARCHING"] = "SET_IS_SEARCHING";
+	SidebarActionType["SYNC_ACTIVE_NODE_ID"] = "SYNC_ACTIVE_NODE_ID";
+	SidebarActionType["TOGGLE_STATUS_FILTER"] = "TOGGLE_STATUS_FILTER";
+	SidebarActionType["SET_PINNED_NODE_PATH"] = "SET_PINNED_NODE_PATH";
+	SidebarActionType["SET_EXPANDED_NODES"] = "SET_EXPANDED_NODES";
+	SidebarActionType["SET_NODES_SORT_TYPE"] = "SET_NODES_SORT_TYPE";
+	SidebarActionType["SET_NODES_SORT_ORDER"] = "SET_NODES_SORT_ORDER";
+	return SidebarActionType;
+}({});
+const sidebarReducer = (state = initialSidebarState, action) => {
+	switch (action.type) {
+		case SidebarActionType.SET_NODES: return {
+			...state,
+			pinnedNodePath: [],
+			nodes: action.payload.nodes,
+			nodeSortType: action.payload.sortType ?? state.nodeSortType,
+			nodeSortOrder: action.payload.sortOrder ?? state.nodeSortOrder
+		};
+		case SidebarActionType.TOGGLE_NODE: {
+			const newExpandedNodes = new Set(state.expandedNodes);
+			if (newExpandedNodes.has(action.payload)) newExpandedNodes.delete(action.payload);
+			else newExpandedNodes.add(action.payload);
+			return {
+				...state,
+				expandedNodes: newExpandedNodes
+			};
+		}
+		case SidebarActionType.OPEN_NODE: {
+			const newExpandedNodes = new Set(state.expandedNodes);
+			newExpandedNodes.add(action.payload);
+			return {
+				...state,
+				expandedNodes: newExpandedNodes
+			};
+		}
+		case SidebarActionType.CLOSE_NODE: {
+			const newExpandedNodes = new Set(state.expandedNodes);
+			newExpandedNodes.delete(action.payload);
+			return {
+				...state,
+				expandedNodes: newExpandedNodes
+			};
+		}
+		case SidebarActionType.CHANGE_SEARCH_TERM: return {
+			...state,
+			searchTerm: action.payload
+		};
+		case SidebarActionType.SET_SEARCH_RESULTS: return {
+			...state,
+			searchResults: action.payload
+		};
+		case SidebarActionType.SET_IS_SEARCHING: return {
+			...state,
+			isSearching: action.payload
+		};
+		case SidebarActionType.SYNC_ACTIVE_NODE_ID: return {
+			...state,
+			activeNodeId: action.payload
+		};
+		case SidebarActionType.TOGGLE_STATUS_FILTER: return {
+			...state,
+			isStatusFilterEnabled: !state.isStatusFilterEnabled
+		};
+		case SidebarActionType.SET_PINNED_NODE_PATH: return {
+			...state,
+			pinnedNodePath: action.payload
+		};
+		case SidebarActionType.SET_EXPANDED_NODES: return {
+			...state,
+			expandedNodes: action.payload
+		};
+		case SidebarActionType.SET_NODES_SORT_TYPE: return {
+			...state,
+			nodeSortType: action.payload
+		};
+		case SidebarActionType.SET_NODES_SORT_ORDER: return {
+			...state,
+			nodeSortOrder: action.payload
+		};
+		default: return state;
+	}
+};
+//#endregion
+export { SidebarActionType, initialSidebarState, sidebarReducer };
+
+//# sourceMappingURL=sidebar-reducer.js.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+//#region src/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.d.ts
+interface SearchNavigationArrowProps {
+  direction: "down" | "up";
+  isDisabled: boolean;
+  onClick: () => void;
+}
+declare const SearchNavigationArrow: React.FC<SearchNavigationArrowProps>;
+//#endregion
+export { SearchNavigationArrow };
+//# sourceMappingURL=search-navigation-arrow.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+import { twMerge } from "tailwind-merge";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/sidebar/subcomponents/sidebar-search/search-navigation-arrow.tsx
+const SearchNavigationArrow = ({ direction, isDisabled, onClick }) => /* @__PURE__ */ jsx("div", {
+	className: twMerge("cursor-pointer px-1 py-0.5 hover:text-gray-700 dark:hover:text-slate-300", isDisabled && "cursor-not-allowed text-gray-200 dark:text-slate-900"),
+	onClick,
+	children: /* @__PURE__ */ jsx("svg", {
+		width: "8",
+		height: "6",
+		viewBox: "0 0 8 6",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", {
+			d: direction === "up" ? "M0.266663 5.6001H7.73333L4 0.800097L0.266663 5.6001Z" : "M0.266663 0.399902H7.73333L4 5.1999L0.266663 0.399902Z",
+			fill: "currentcolor"
+		})
+	})
+});
+//#endregion
+export { SearchNavigationArrow };
+
+//# sourceMappingURL=search-navigation-arrow.js.map

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

@@ -0,0 +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:text-gray-700 dark:hover:text-slate-300\",\n      isDisabled && \"cursor-not-allowed text-gray-200 dark:text-slate-900\",\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,4EACAG,cAAc,uDACf;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"}

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

@@ -0,0 +1,10 @@
+//#region src/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.d.ts
+interface SearchResultCounterProps {
+  isSearching: boolean;
+  activeIndex: number;
+  totalResults: number;
+}
+declare const SearchResultCounter: React.FC<SearchResultCounterProps>;
+//#endregion
+export { SearchResultCounter };
+//# sourceMappingURL=search-result-counter.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/components/sidebar/subcomponents/sidebar-search/search-result-counter.tsx
+const SearchResultCounter = ({ isSearching, activeIndex, totalResults }) => {
+	if (isSearching) return /* @__PURE__ */ jsx("div", { className: "h-4 w-6 animate-pulse rounded-sm bg-gray-200 dark:bg-slate-800" });
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-xs",
+		children: totalResults > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			className: "text-gray-700 dark:text-slate-50",
+			children: activeIndex + 1
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "text-gray-500 dark:text-slate-700",
+			children: ["/", totalResults]
+		})] }) : /* @__PURE__ */ jsx("span", {
+			className: "text-gray-500 dark:text-slate-700",
+			children: "0/0"
+		})
+	});
+};
+//#endregion
+export { SearchResultCounter };
+
+//# sourceMappingURL=search-result-counter.js.map

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

@@ -0,0 +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 (\n      <div className=\"h-4 w-6 animate-pulse rounded-sm bg-gray-200 dark:bg-slate-800\" />\n    );\n  }\n\n  return (\n    <div className=\"text-xs\">\n      {totalResults > 0 ? (\n        <>\n          <span className=\"text-gray-700 dark:text-slate-50\">\n            {activeIndex + 1}\n          </span>\n          <span className=\"text-gray-500 dark:text-slate-700\">\n            /{totalResults}\n          </span>\n        </>\n      ) : (\n        <span className=\"text-gray-500 dark:text-slate-700\">0/0</span>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;AAMA,MAAaA,uBAA2D,EACtEC,aACAC,aACAC,mBACI;AACJ,KAAIF,YACF,QACE,oBAAC,OAAD,EAAK,WAAU,kEAAmE,CAAA;AAItF,QACE,oBAAC,OAAD;EAAK,WAAU;YACZE,eAAe,IACd,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;aACbD,cAAc;GACX,CAAA,EACN,qBAAC,QAAD;GAAM,WAAU;aAAhB,CAAmD,KAC/CC,aACE;KACL,EAAA,CAAA,GAEH,oBAAC,QAAD;GAAM,WAAU;aAAoC;GACrD,CAAA;EACG,CAAA"}

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

@@ -0,0 +1,8 @@
+//#region src/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.d.ts
+interface SidebarSearchProps {
+  showStatusFilter: boolean;
+}
+declare const SidebarSearch: React.FC<SidebarSearchProps>;
+//#endregion
+export { SidebarSearch };
+//# sourceMappingURL=sidebar-search.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,85 @@
+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 { useLayoutEffect, useRef, useState } from "react";
+import { twMerge } from "tailwind-merge";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/components/sidebar/subcomponents/sidebar-search/sidebar-search.tsx
+const SidebarSearch = ({ showStatusFilter }) => {
+	const { searchTerm, isSearching, searchResults, activeSearchIndex, isStatusFilterEnabled, changeSearchTerm, nextSearchResult, previousSearchResult, toggleStatusFilter } = useSidebar();
+	const searchControlsRef = useRef(null);
+	const [searchControlsPaddingRight, setSearchControlsPaddingRight] = useState(16);
+	useLayoutEffect(() => {
+		if (searchControlsRef.current) setSearchControlsPaddingRight(searchControlsRef.current.clientWidth + 16);
+	}, [searchTerm]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full gap-2 border-t border-gray-300 p-2 dark:border-slate-800",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative flex-1",
+			children: [
+				/* @__PURE__ */ jsx(Input, {
+					type: "search",
+					value: searchTerm,
+					onChange: (e) => changeSearchTerm(e.target.value),
+					onKeyDown: (e) => {
+						if (e.key === "ArrowDown" || e.key === "Enter") nextSearchResult();
+						else if (e.key === "ArrowUp") previousSearchResult();
+					},
+					tabIndex: 1,
+					placeholder: "Search",
+					className: "w-full appearance-none pl-8 [&::-webkit-search-cancel-button]:hidden",
+					style: { paddingRight: searchControlsPaddingRight }
+				}),
+				/* @__PURE__ */ jsx(Search, {
+					height: 16,
+					width: 16,
+					className: "absolute top-1/2 left-2 -translate-y-1/2 text-gray-700 dark:text-slate-50"
+				}),
+				searchTerm && /* @__PURE__ */ jsxs("div", {
+					ref: searchControlsRef,
+					className: "absolute top-1/2 right-2 flex -translate-y-1/2 items-center gap-2 select-none",
+					children: [
+						/* @__PURE__ */ jsx(SearchResultCounter, {
+							isSearching,
+							activeIndex: activeSearchIndex,
+							totalResults: searchResults.length
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col text-gray-500 dark:text-slate-700",
+							children: [/* @__PURE__ */ jsx(SearchNavigationArrow, {
+								direction: "up",
+								isDisabled: activeSearchIndex === 0,
+								onClick: previousSearchResult
+							}), /* @__PURE__ */ jsx(SearchNavigationArrow, {
+								direction: "down",
+								isDisabled: activeSearchIndex === searchResults.length - 1,
+								onClick: nextSearchResult
+							})]
+						}),
+						/* @__PURE__ */ jsx(CrossCircle, {
+							onClick: () => changeSearchTerm(""),
+							height: 16,
+							width: 16,
+							className: "cursor-pointer text-gray-500 hover:text-gray-700 active:text-gray-900 dark:text-slate-700 dark:hover:text-slate-600 dark:active:text-slate-300"
+						})
+					]
+				})
+			]
+		}), showStatusFilter && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: toggleStatusFilter,
+			tabIndex: 1,
+			className: twMerge("rounded-md border border-gray-300 px-2 py-1 text-sm text-gray-500", isStatusFilterEnabled ? "border-blue-500 bg-blue-100 text-blue-900" : "hover:bg-gray-100 hover:text-gray-700"),
+			children: /* @__PURE__ */ jsx(Tabler, {
+				height: 16,
+				width: 16
+			})
+		})]
+	});
+};
+//#endregion
+export { SidebarSearch };
+
+//# sourceMappingURL=sidebar-search.js.map

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

@@ -0,0 +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-gray-300 p-2 dark:border-slate-800\">\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-gray-700 dark:text-slate-50\"\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-gray-500 dark:text-slate-700\">\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-gray-500 hover:text-gray-700 active:text-gray-900 dark:text-slate-700 dark:hover:text-slate-600 dark:active:text-slate-300\"\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-gray-300 px-2 py-1 text-sm text-gray-500\",\n            isStatusFilterEnabled\n              ? \"border-blue-500 bg-blue-100 text-blue-900\"\n              : \"hover:bg-gray-100 hover:text-gray-700\",\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;KAA2E,CAAA;IAItFV,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;OAAgJ,CAAA;MAG/J;;IACE;MAEJN,oBACC,oBAAC,UAAD;GACE,MAAK;GACL,SAASS;GACT,UAAU;GACV,WAAWlB,QACT,qEACAc,wBACI,8CACA,wCACL;aAED,oBAAC,QAAD;IAAQ,QAAQ;IAAI,OAAO;IAAG,CAAA;GAEjC,CAAA,CACG"}

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

@@ -0,0 +1,16 @@
+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;
+//#endregion
+export { SidebarSkeletonItem };
+//# sourceMappingURL=sidebar-skeleton-item.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+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 }) => {
+	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 },
+			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-gray-200 dark:bg-slate-600" })
+			}), /* @__PURE__ */ jsx("div", { className: twMerge("h-4 animate-pulse rounded-sm bg-gray-200 dark:bg-slate-600", textWidth) })]
+		})
+	});
+};
+//#endregion
+export { SidebarSkeletonItem };
+
+//# sourceMappingURL=sidebar-skeleton-item.js.map

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

@@ -0,0 +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-gray-200 dark:bg-slate-600\" />\n        </div>\n\n        {/* Text content skeleton */}\n        <div\n          className={twMerge(\n            \"h-4 animate-pulse rounded-sm bg-gray-200 dark:bg-slate-600\",\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,yEAAuE,CAAA;IACnF,CAAA,EAGL,oBAAC,OAAD,EACE,WAAWF,QACT,8DACAG,UACD,EAAC,CAAA,CAED;;EACD,CAAA"}

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

@@ -0,0 +1,7 @@
+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;
+//#endregion
+export { SidebarSkeleton };
+//# sourceMappingURL=sidebar-skeleton.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,63 @@
+import { SidebarSkeletonItem } from "./sidebar-skeleton-item.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/sidebar/subcomponents/sidebar-skeleton.tsx
+const skeletonItems = [
+	{
+		depth: 0,
+		textWidth: "w-32"
+	},
+	{
+		depth: 1,
+		textWidth: "w-28"
+	},
+	{
+		depth: 1,
+		textWidth: "w-36"
+	},
+	{
+		depth: 2,
+		textWidth: "w-24"
+	},
+	{
+		depth: 2,
+		textWidth: "w-30"
+	},
+	{
+		depth: 0,
+		textWidth: "w-40"
+	},
+	{
+		depth: 1,
+		textWidth: "w-26"
+	},
+	{
+		depth: 1,
+		textWidth: "w-34"
+	},
+	{
+		depth: 2,
+		textWidth: "w-22"
+	},
+	{
+		depth: 0,
+		textWidth: "w-38"
+	}
+];
+const SidebarSkeleton = () => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex-1 overflow-hidden p-2",
+		role: "status",
+		"aria-label": "Loading sidebar content",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-2",
+			children: skeletonItems.map((item, index) => /* @__PURE__ */ jsx(SidebarSkeletonItem, {
+				depth: item.depth,
+				textWidth: item.textWidth
+			}, index))
+		})
+	});
+};
+//#endregion
+export { SidebarSkeleton };
+
+//# sourceMappingURL=sidebar-skeleton.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+import { a as NodeStatus } from "../../../../types-CNbvfWjh.js";
+import * as react from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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 | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | null | undefined;
+//#endregion
+export { StatusIcon };
+//# sourceMappingURL=status-icon.d.ts.map

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

@@ -0,0 +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,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,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"}

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

@@ -0,0 +1,43 @@
+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 { jsx } from "react/jsx-runtime";
+//#region src/ui/components/sidebar/subcomponents/status-icon.tsx
+const STATUS_ICON_MAP = {
+	[NodeStatus.CREATED]: { icon: /* @__PURE__ */ jsx(Created, {
+		height: 16,
+		width: 16,
+		className: "text-green-900"
+	}) },
+	[NodeStatus.MODIFIED]: { icon: /* @__PURE__ */ jsx(Modified, {
+		height: 16,
+		width: 16,
+		className: "text-blue-900"
+	}) },
+	[NodeStatus.REMOVED]: { icon: /* @__PURE__ */ jsx(Removed, {
+		height: 16,
+		width: 16,
+		className: "text-red-900"
+	}) },
+	[NodeStatus.MOVED]: { icon: /* @__PURE__ */ jsx(Moved, {
+		height: 16,
+		width: 16,
+		className: "text-blue-900"
+	}) },
+	[NodeStatus.DUPLICATED]: { icon: /* @__PURE__ */ jsx(Duplicated, {
+		height: 16,
+		width: 16,
+		className: "text-blue-900"
+	}) }
+};
+const StatusIcon = ({ status, isDescendenceModified }) => {
+	if (status === NodeStatus.UNCHANGED) return isDescendenceModified ? /* @__PURE__ */ jsx(DescendenceModified, {
+		height: 16,
+		width: 16,
+		className: "text-gray-500"
+	}) : null;
+	return STATUS_ICON_MAP[status].icon;
+};
+//#endregion
+export { StatusIcon };
+
+//# sourceMappingURL=status-icon.js.map

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

@@ -0,0 +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-green-900\" />,\n  },\n  [NodeStatus.MODIFIED]: {\n    icon: <Modified height={16} width={16} className=\"text-blue-900\" />,\n  },\n  [NodeStatus.REMOVED]: {\n    icon: <Removed height={16} width={16} className=\"text-red-900\" />,\n  },\n  [NodeStatus.MOVED]: {\n    icon: <Moved height={16} width={16} className=\"text-blue-900\" />,\n  },\n  [NodeStatus.DUPLICATED]: {\n    icon: <Duplicated height={16} width={16} className=\"text-blue-900\" />,\n  },\n};\n\nexport const StatusIcon = ({\n  status,\n  isDescendenceModified,\n}: StatusIconProps) => {\n  if (status === NodeStatus.UNCHANGED) {\n    return isDescendenceModified ? (\n      <DescendenceModified height={16} width={16} className=\"text-gray-500\" />\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;EAAgB,CAAA,EACjE;EACAH,WAAWI,WAAW,EACrBD,MAAM,oBAAC,UAAD;EAAU,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAe,CAAA,EACjE;EACAH,WAAWK,UAAU,EACpBF,MAAM,oBAAC,SAAD;EAAS,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAc,CAAA,EAC/D;EACAH,WAAWM,QAAQ,EAClBH,MAAM,oBAAC,OAAD;EAAO,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAe,CAAA,EAC9D;EACAH,WAAWO,aAAa,EACvBJ,MAAM,oBAAC,YAAD;EAAY,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAe,CAAA,EACpE;CACD;AAED,MAAaK,cAAc,EACzBC,QACAC,4BACqB;AACrB,KAAID,WAAWT,WAAWW,UACxB,QAAOD,wBACL,oBAAC,qBAAD;EAAqB,QAAQ;EAAI,OAAO;EAAI,WAAU;EAAkB,CAAA,GACtE;AAGN,QAAOT,gBAAgBQ,QAAQN"}

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

@@ -0,0 +1,2 @@
+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 };

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

@@ -0,0 +1,14 @@
+//#region src/ui/components/sidebar/types.ts
+let NodeStatus = /* @__PURE__ */ function(NodeStatus) {
+	NodeStatus["CREATED"] = "CREATED";
+	NodeStatus["MODIFIED"] = "MODIFIED";
+	NodeStatus["REMOVED"] = "REMOVED";
+	NodeStatus["MOVED"] = "MOVED";
+	NodeStatus["DUPLICATED"] = "DUPLICATED";
+	NodeStatus["UNCHANGED"] = "UNCHANGED";
+	return NodeStatus;
+}({});
+//#endregion
+export { NodeStatus };
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+//#region src/ui/components/sidebar/use-ellipsis.d.ts
+/**
+ * Custom hook to detect if an element's text is truncated with ellipsis
+ * @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;
+//#endregion
+export { useEllipsis };
+//# sourceMappingURL=use-ellipsis.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+//#region src/ui/components/sidebar/use-ellipsis.ts
+/**
+* Custom hook to detect if an element's text is truncated with ellipsis
+* @param ref - The ref of the element to detect ellipsis on
+* @returns Whether the element's text is truncated with ellipsis
+*/
+const useEllipsis = (ref) => {
+	const [hasEllipsis, setHasEllipsis] = useState(false);
+	useEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		const observer = new ResizeObserver(() => {
+			setHasEllipsis(element.offsetWidth < element.scrollWidth);
+		});
+		observer.observe(element);
+		return () => {
+			observer.disconnect();
+		};
+	}, [ref]);
+	return hasEllipsis;
+};
+//#endregion
+export { useEllipsis };
+
+//# sourceMappingURL=use-ellipsis.js.map