@jarrodmedrano/ui 0.1.0

package/dist/components/dashboard/sidebar/EntityList.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, ArrowRight } from "lucide-react";
+import Link from "next/link";
+import { cn } from "../../../lib/utils";
+function EntityList({
+  items,
+  createHref,
+  moreHref,
+  searchQuery,
+  totalCount,
+  theme: _theme
+}) {
+  const filteredItems = items.filter(
+    (item) => item.name.toLowerCase().includes(searchQuery.toLowerCase())
+  );
+  const displayItems = filteredItems.slice(0, 10);
+  const showViewAll = totalCount > 10;
+  return /* @__PURE__ */ jsxs("ul", { className: "flex max-h-96 flex-col gap-1 overflow-y-auto", children: [
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: createHref,
+        className: cn(
+          "flex cursor-pointer items-center rounded-lg p-2 text-base font-medium",
+          "text-gray-900 hover:bg-gray-100",
+          "dark:text-white dark:hover:bg-gray-700"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+          "Add New"
+        ]
+      }
+    ) }),
+    displayItems.length === 0 && searchQuery ? /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: cn(
+          "px-3 py-4 text-center text-sm",
+          "text-gray-500 dark:text-gray-400"
+        ),
+        children: "No matches found"
+      }
+    ) : displayItems.length === 0 ? /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: cn(
+          "px-3 py-4 text-center text-sm",
+          "text-gray-500 dark:text-gray-400"
+        ),
+        children: "No items yet"
+      }
+    ) : displayItems.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: item.href,
+        className: cn(
+          "flex cursor-pointer items-center rounded-lg p-2 text-sm font-normal",
+          "text-primary hover:bg-gray-100",
+          "dark:hover:bg-gray-700",
+          "truncate"
+        ),
+        children: item.name
+      }
+    ) }, item.id)),
+    showViewAll && !searchQuery && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: moreHref,
+        className: cn(
+          "flex cursor-pointer items-center rounded-lg p-2 text-base font-normal",
+          "text-gray-500 hover:underline",
+          "dark:text-gray-400"
+        ),
+        children: [
+          "View all ",
+          totalCount,
+          /* @__PURE__ */ jsx(ArrowRight, { className: "ml-auto h-4 w-4" })
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  EntityList
+};
+//# sourceMappingURL=EntityList.js.map

package/dist/components/dashboard/sidebar/EntityList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/EntityList.tsx"],"sourcesContent":["'use client'\n\nimport { Plus, ArrowRight } from 'lucide-react'\nimport Link from 'next/link'\nimport type { EntityListProps } from './types'\nimport { cn } from '../../../lib/utils'\n\nexport function EntityList({\n  items,\n  createHref,\n  moreHref,\n  searchQuery,\n  totalCount,\n  theme: _theme,\n}: EntityListProps) {\n  const filteredItems = items.filter((item) =>\n    item.name.toLowerCase().includes(searchQuery.toLowerCase()),\n  )\n\n  const displayItems = filteredItems.slice(0, 10)\n  const showViewAll = totalCount > 10\n\n  return (\n    <ul className=\"flex max-h-96 flex-col gap-1 overflow-y-auto\">\n      <li>\n        <Link\n          href={createHref}\n          className={cn(\n            'flex cursor-pointer items-center rounded-lg p-2 text-base font-medium',\n            'text-gray-900 hover:bg-gray-100',\n            'dark:text-white dark:hover:bg-gray-700',\n          )}\n        >\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Add New\n        </Link>\n      </li>\n\n      {displayItems.length === 0 && searchQuery ? (\n        <li\n          className={cn(\n            'px-3 py-4 text-center text-sm',\n            'text-gray-500 dark:text-gray-400',\n          )}\n        >\n          No matches found\n        </li>\n      ) : displayItems.length === 0 ? (\n        <li\n          className={cn(\n            'px-3 py-4 text-center text-sm',\n            'text-gray-500 dark:text-gray-400',\n          )}\n        >\n          No items yet\n        </li>\n      ) : (\n        displayItems.map((item) => (\n          <li key={item.id}>\n            <Link\n              href={item.href}\n              className={cn(\n                'flex cursor-pointer items-center rounded-lg p-2 text-sm font-normal',\n                'text-primary hover:bg-gray-100',\n                'dark:hover:bg-gray-700',\n                'truncate',\n              )}\n            >\n              {item.name}\n            </Link>\n          </li>\n        ))\n      )}\n\n      {showViewAll && !searchQuery && (\n        <li>\n          <Link\n            href={moreHref}\n            className={cn(\n              'flex cursor-pointer items-center rounded-lg p-2 text-base font-normal',\n              'text-gray-500 hover:underline',\n              'dark:text-gray-400',\n            )}\n          >\n            View all {totalCount}\n            <ArrowRight className=\"ml-auto h-4 w-4\" />\n          </Link>\n        </li>\n      )}\n    </ul>\n  )\n}\n"],"mappings":";AAyBQ,SAQE,KARF;AAvBR,SAAS,MAAM,kBAAkB;AACjC,OAAO,UAAU;AAEjB,SAAS,UAAU;AAEZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAAoB;AAClB,QAAM,gBAAgB,MAAM;AAAA,IAAO,CAAC,SAClC,KAAK,KAAK,YAAY,EAAE,SAAS,YAAY,YAAY,CAAC;AAAA,EAC5D;AAEA,QAAM,eAAe,cAAc,MAAM,GAAG,EAAE;AAC9C,QAAM,cAAc,aAAa;AAEjC,SACE,qBAAC,QAAG,WAAU,gDACZ;AAAA,wBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAK,WAAU,gBAAe;AAAA,UAAE;AAAA;AAAA;AAAA,IAEnC,GACF;AAAA,IAEC,aAAa,WAAW,KAAK,cAC5B;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACD;AAAA;AAAA,IAED,IACE,aAAa,WAAW,IAC1B;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACD;AAAA;AAAA,IAED,IAEA,aAAa,IAAI,CAAC,SAChB,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEC,eAAK;AAAA;AAAA,IACR,KAXO,KAAK,EAYd,CACD;AAAA,IAGF,eAAe,CAAC,eACf,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACD;AAAA;AAAA,UACW;AAAA,UACV,oBAAC,cAAW,WAAU,mBAAkB;AAAA;AAAA;AAAA,IAC1C,GACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/dashboard/sidebar/EntityList.styles.cjs

@@ -0,0 +1,95 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EntityList_styles_exports = {};
+__export(EntityList_styles_exports, {
+  AddNewItem: () => AddNewItem,
+  EmptyState: () => EmptyState,
+  ListItem: () => ListItem,
+  ListWrapper: () => ListWrapper,
+  ViewAllLink: () => ViewAllLink
+});
+module.exports = __toCommonJS(EntityList_styles_exports);
+var import_styled_components = __toESM(require("styled-components"), 1);
+const ListWrapper = import_styled_components.default.ul`
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  max-height: 24rem;
+  overflow-y: auto;
+`;
+const ListItem = import_styled_components.default.a`
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+  font-size: 0.875rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+const AddNewItem = (0, import_styled_components.default)(ListItem)`
+  font-weight: 500;
+
+  svg {
+    margin-right: 0.5rem;
+    width: 1rem;
+    height: 1rem;
+  }
+`;
+const ViewAllLink = (0, import_styled_components.default)(ListItem)`
+  color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+  font-size: 0.875rem;
+
+  svg {
+    margin-left: auto;
+    width: 1rem;
+    height: 1rem;
+  }
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+const EmptyState = import_styled_components.default.div`
+  padding: 1rem 0.75rem;
+  text-align: center;
+  color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+  font-size: 0.875rem;
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddNewItem,
+  EmptyState,
+  ListItem,
+  ListWrapper,
+  ViewAllLink
+});
+//# sourceMappingURL=EntityList.styles.cjs.map

package/dist/components/dashboard/sidebar/EntityList.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/EntityList.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ListWrapper = styled.ul`\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  max-height: 24rem;\n  overflow-y: auto;\n`\n\nexport const ListItem = styled.a<{ $theme?: string }>`\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nexport const AddNewItem = styled(ListItem)`\n  font-weight: 500;\n\n  svg {\n    margin-right: 0.5rem;\n    width: 1rem;\n    height: 1rem;\n  }\n`\n\nexport const ViewAllLink = styled(ListItem)`\n  color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n  font-size: 0.875rem;\n\n  svg {\n    margin-left: auto;\n    width: 1rem;\n    height: 1rem;\n  }\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nexport const EmptyState = styled.div<{ $theme?: string }>`\n  padding: 1rem 0.75rem;\n  text-align: center;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n  font-size: 0.875rem;\n`\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAmB;AAEZ,MAAM,cAAc,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,WAAW,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaxB,MAAM,iBAAa,yBAAAA,SAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUlC,MAAM,kBAAc,yBAAAA,SAAO,QAAQ;AAAA,WAC/B,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc/D,MAAM,aAAa,yBAAAA,QAAO;AAAA;AAAA;AAAA,WAGtB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;","names":["styled"]}

package/dist/components/dashboard/sidebar/EntityList.styles.d.ts

@@ -0,0 +1,14 @@
+export declare const ListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const ListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+    $theme?: string;
+}>> & string;
+export declare const AddNewItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "$theme"> & {
+    $theme?: string;
+}, never>> & string;
+export declare const ViewAllLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "$theme"> & {
+    $theme?: string;
+}, never>> & string;
+export declare const EmptyState: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme?: string;
+}>> & string;
+//# sourceMappingURL=EntityList.styles.d.ts.map

package/dist/components/dashboard/sidebar/EntityList.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityList.styles.d.ts","sourceRoot":"","sources":["../../../../components/dashboard/sidebar/EntityList.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iOAMvB,CAAA;AAED,eAAO,MAAM,QAAQ;aAAuB,MAAM;YAWjD,CAAA;AAED,eAAO,MAAM,UAAU;aAbqB,MAAM;mBAqBjD,CAAA;AAED,eAAO,MAAM,WAAW;aAvBoB,MAAM;mBAoCjD,CAAA;AAED,eAAO,MAAM,UAAU;aAAyB,MAAM;YAKrD,CAAA"}

package/dist/components/dashboard/sidebar/EntityList.styles.js

@@ -0,0 +1,57 @@
+import styled from "styled-components";
+const ListWrapper = styled.ul`
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  max-height: 24rem;
+  overflow-y: auto;
+`;
+const ListItem = styled.a`
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: inherit;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+  font-size: 0.875rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+const AddNewItem = styled(ListItem)`
+  font-weight: 500;
+
+  svg {
+    margin-right: 0.5rem;
+    width: 1rem;
+    height: 1rem;
+  }
+`;
+const ViewAllLink = styled(ListItem)`
+  color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+  font-size: 0.875rem;
+
+  svg {
+    margin-left: auto;
+    width: 1rem;
+    height: 1rem;
+  }
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+const EmptyState = styled.div`
+  padding: 1rem 0.75rem;
+  text-align: center;
+  color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+  font-size: 0.875rem;
+`;
+export {
+  AddNewItem,
+  EmptyState,
+  ListItem,
+  ListWrapper,
+  ViewAllLink
+};
+//# sourceMappingURL=EntityList.styles.js.map

package/dist/components/dashboard/sidebar/EntityList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/EntityList.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ListWrapper = styled.ul`\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  max-height: 24rem;\n  overflow-y: auto;\n`\n\nexport const ListItem = styled.a<{ $theme?: string }>`\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nexport const AddNewItem = styled(ListItem)`\n  font-weight: 500;\n\n  svg {\n    margin-right: 0.5rem;\n    width: 1rem;\n    height: 1rem;\n  }\n`\n\nexport const ViewAllLink = styled(ListItem)`\n  color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n  font-size: 0.875rem;\n\n  svg {\n    margin-left: auto;\n    width: 1rem;\n    height: 1rem;\n  }\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nexport const EmptyState = styled.div<{ $theme?: string }>`\n  padding: 1rem 0.75rem;\n  text-align: center;\n  color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n  font-size: 0.875rem;\n`\n"],"mappings":"AAAA,OAAO,YAAY;AAEZ,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaxB,MAAM,aAAa,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUlC,MAAM,cAAc,OAAO,QAAQ;AAAA,WAC/B,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc/D,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA,WAGtB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;","names":[]}

package/dist/components/dashboard/sidebar/SectionHeader.cjs

@@ -0,0 +1,99 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SectionHeader_exports = {};
+__export(SectionHeader_exports, {
+  SectionHeader: () => SectionHeader
+});
+module.exports = __toCommonJS(SectionHeader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+var import_tooltip = require("../../ui/tooltip");
+var import_SectionHeader = require("./SectionHeader.styles");
+const iconMap = {
+  BookOpen: import_lucide_react.BookOpen,
+  Users: import_lucide_react.Users,
+  MapPin: import_lucide_react.MapPin,
+  Clock: import_lucide_react.Clock
+};
+function SectionHeader({
+  title,
+  icon: iconProp,
+  count,
+  isExpanded,
+  isCollapsed,
+  theme,
+  moreHref,
+  onClick
+}) {
+  const Icon = typeof iconProp === "string" ? iconMap[iconProp] || import_lucide_react.BookOpen : iconProp;
+  if (isCollapsed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tooltip.Tooltip, { delayDuration: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_SectionHeader.HeaderWrapper,
+        {
+          onClick,
+          $isExpanded: isExpanded,
+          $theme: theme,
+          "aria-label": `${title} (${count})`,
+          "aria-expanded": isExpanded,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SectionHeader.IconWrapper, { $isCollapsed: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}) })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tooltip.TooltipContent, { side: "right", children: [
+        title,
+        " (",
+        count,
+        ")"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_SectionHeader.HeaderWrapper,
+    {
+      onClick,
+      $isExpanded: isExpanded,
+      $theme: theme,
+      "aria-label": `${title} section`,
+      "aria-expanded": isExpanded,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SectionHeader.IconWrapper, { $isCollapsed: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: moreHref, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SectionHeader.TitleLink, { as: "span", $theme: theme, children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SectionHeader.CountBadge, { $theme: theme, children: count }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SectionHeader.ChevronWrapper, { $isExpanded: isExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, {}) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SectionHeader
+});
+//# sourceMappingURL=SectionHeader.cjs.map

package/dist/components/dashboard/sidebar/SectionHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/SectionHeader.tsx"],"sourcesContent":["'use client'\n\nimport Link from 'next/link'\nimport {\n  ChevronDown,\n  BookOpen,\n  Users,\n  MapPin,\n  Clock,\n  type LucideIcon,\n} from 'lucide-react'\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '../../ui/tooltip'\nimport type { SectionHeaderProps } from './types'\nimport {\n  HeaderWrapper,\n  IconWrapper,\n  TitleLink,\n  CountBadge,\n  ChevronWrapper,\n} from './SectionHeader.styles'\n\n// Icon map for string icon names\nconst iconMap: Record<string, LucideIcon> = {\n  BookOpen,\n  Users,\n  MapPin,\n  Clock,\n}\n\nexport function SectionHeader({\n  title,\n  icon: iconProp,\n  count,\n  isExpanded,\n  isCollapsed,\n  theme,\n  moreHref,\n  onClick,\n}: SectionHeaderProps) {\n  // Resolve icon to component\n  const Icon =\n    typeof iconProp === 'string' ? iconMap[iconProp] || BookOpen : iconProp\n  if (isCollapsed) {\n    return (\n      <Tooltip delayDuration={0}>\n        <TooltipTrigger asChild>\n          <HeaderWrapper\n            onClick={onClick}\n            $isExpanded={isExpanded}\n            $theme={theme}\n            aria-label={`${title} (${count})`}\n            aria-expanded={isExpanded}\n          >\n            <IconWrapper $isCollapsed={true}>\n              <Icon />\n            </IconWrapper>\n          </HeaderWrapper>\n        </TooltipTrigger>\n        <TooltipContent side=\"right\">\n          {title} ({count})\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <HeaderWrapper\n      onClick={onClick}\n      $isExpanded={isExpanded}\n      $theme={theme}\n      aria-label={`${title} section`}\n      aria-expanded={isExpanded}\n    >\n      <IconWrapper $isCollapsed={false}>\n        <Icon />\n      </IconWrapper>\n      <Link href={moreHref} onClick={(e) => e.stopPropagation()}>\n        <TitleLink as=\"span\" $theme={theme}>\n          {title}\n        </TitleLink>\n      </Link>\n      <CountBadge $theme={theme}>{count}</CountBadge>\n      <ChevronWrapper $isExpanded={isExpanded}>\n        <ChevronDown />\n      </ChevronWrapper>\n    </HeaderWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0Dc;AAxDd,kBAAiB;AACjB,0BAOO;AACP,qBAIO;AAEP,2BAMO;AAGP,MAAM,UAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AAErB,QAAM,OACJ,OAAO,aAAa,WAAW,QAAQ,QAAQ,KAAK,+BAAW;AACjE,MAAI,aAAa;AACf,WACE,6CAAC,0BAAQ,eAAe,GACtB;AAAA,kDAAC,iCAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,cAAY,GAAG,KAAK,KAAK,KAAK;AAAA,UAC9B,iBAAe;AAAA,UAEf,sDAAC,oCAAY,cAAc,MACzB,sDAAC,QAAK,GACR;AAAA;AAAA,MACF,GACF;AAAA,MACA,6CAAC,iCAAe,MAAK,SAClB;AAAA;AAAA,QAAM;AAAA,QAAG;AAAA,QAAM;AAAA,SAClB;AAAA,OACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,cAAY,GAAG,KAAK;AAAA,MACpB,iBAAe;AAAA,MAEf;AAAA,oDAAC,oCAAY,cAAc,OACzB,sDAAC,QAAK,GACR;AAAA,QACA,4CAAC,YAAAA,SAAA,EAAK,MAAM,UAAU,SAAS,CAAC,MAAM,EAAE,gBAAgB,GACtD,sDAAC,kCAAU,IAAG,QAAO,QAAQ,OAC1B,iBACH,GACF;AAAA,QACA,4CAAC,mCAAW,QAAQ,OAAQ,iBAAM;AAAA,QAClC,4CAAC,uCAAe,aAAa,YAC3B,sDAAC,mCAAY,GACf;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["Link"]}

package/dist/components/dashboard/sidebar/SectionHeader.d.ts

@@ -0,0 +1,3 @@
+import type { SectionHeaderProps } from './types';
+export declare function SectionHeader({ title, icon: iconProp, count, isExpanded, isCollapsed, theme, moreHref, onClick, }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dist/components/dashboard/sidebar/SectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../components/dashboard/sidebar/SectionHeader.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAiBjD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EAAE,QAAQ,EACd,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,kBAAkB,2CAiDpB"}

package/dist/components/dashboard/sidebar/SectionHeader.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import {
+  ChevronDown,
+  BookOpen,
+  Users,
+  MapPin,
+  Clock
+} from "lucide-react";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "../../ui/tooltip";
+import {
+  HeaderWrapper,
+  IconWrapper,
+  TitleLink,
+  CountBadge,
+  ChevronWrapper
+} from "./SectionHeader.styles";
+const iconMap = {
+  BookOpen,
+  Users,
+  MapPin,
+  Clock
+};
+function SectionHeader({
+  title,
+  icon: iconProp,
+  count,
+  isExpanded,
+  isCollapsed,
+  theme,
+  moreHref,
+  onClick
+}) {
+  const Icon = typeof iconProp === "string" ? iconMap[iconProp] || BookOpen : iconProp;
+  if (isCollapsed) {
+    return /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 0, children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        HeaderWrapper,
+        {
+          onClick,
+          $isExpanded: isExpanded,
+          $theme: theme,
+          "aria-label": `${title} (${count})`,
+          "aria-expanded": isExpanded,
+          children: /* @__PURE__ */ jsx(IconWrapper, { $isCollapsed: true, children: /* @__PURE__ */ jsx(Icon, {}) })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(TooltipContent, { side: "right", children: [
+        title,
+        " (",
+        count,
+        ")"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    HeaderWrapper,
+    {
+      onClick,
+      $isExpanded: isExpanded,
+      $theme: theme,
+      "aria-label": `${title} section`,
+      "aria-expanded": isExpanded,
+      children: [
+        /* @__PURE__ */ jsx(IconWrapper, { $isCollapsed: false, children: /* @__PURE__ */ jsx(Icon, {}) }),
+        /* @__PURE__ */ jsx(Link, { href: moreHref, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(TitleLink, { as: "span", $theme: theme, children: title }) }),
+        /* @__PURE__ */ jsx(CountBadge, { $theme: theme, children: count }),
+        /* @__PURE__ */ jsx(ChevronWrapper, { $isExpanded: isExpanded, children: /* @__PURE__ */ jsx(ChevronDown, {}) })
+      ]
+    }
+  );
+}
+export {
+  SectionHeader
+};
+//# sourceMappingURL=SectionHeader.js.map

package/dist/components/dashboard/sidebar/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/SectionHeader.tsx"],"sourcesContent":["'use client'\n\nimport Link from 'next/link'\nimport {\n  ChevronDown,\n  BookOpen,\n  Users,\n  MapPin,\n  Clock,\n  type LucideIcon,\n} from 'lucide-react'\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '../../ui/tooltip'\nimport type { SectionHeaderProps } from './types'\nimport {\n  HeaderWrapper,\n  IconWrapper,\n  TitleLink,\n  CountBadge,\n  ChevronWrapper,\n} from './SectionHeader.styles'\n\n// Icon map for string icon names\nconst iconMap: Record<string, LucideIcon> = {\n  BookOpen,\n  Users,\n  MapPin,\n  Clock,\n}\n\nexport function SectionHeader({\n  title,\n  icon: iconProp,\n  count,\n  isExpanded,\n  isCollapsed,\n  theme,\n  moreHref,\n  onClick,\n}: SectionHeaderProps) {\n  // Resolve icon to component\n  const Icon =\n    typeof iconProp === 'string' ? iconMap[iconProp] || BookOpen : iconProp\n  if (isCollapsed) {\n    return (\n      <Tooltip delayDuration={0}>\n        <TooltipTrigger asChild>\n          <HeaderWrapper\n            onClick={onClick}\n            $isExpanded={isExpanded}\n            $theme={theme}\n            aria-label={`${title} (${count})`}\n            aria-expanded={isExpanded}\n          >\n            <IconWrapper $isCollapsed={true}>\n              <Icon />\n            </IconWrapper>\n          </HeaderWrapper>\n        </TooltipTrigger>\n        <TooltipContent side=\"right\">\n          {title} ({count})\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return (\n    <HeaderWrapper\n      onClick={onClick}\n      $isExpanded={isExpanded}\n      $theme={theme}\n      aria-label={`${title} section`}\n      aria-expanded={isExpanded}\n    >\n      <IconWrapper $isCollapsed={false}>\n        <Icon />\n      </IconWrapper>\n      <Link href={moreHref} onClick={(e) => e.stopPropagation()}>\n        <TitleLink as=\"span\" $theme={theme}>\n          {title}\n        </TitleLink>\n      </Link>\n      <CountBadge $theme={theme}>{count}</CountBadge>\n      <ChevronWrapper $isExpanded={isExpanded}>\n        <ChevronDown />\n      </ChevronWrapper>\n    </HeaderWrapper>\n  )\n}\n"],"mappings":";AA0Dc,cAIN,YAJM;AAxDd,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,UAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AAErB,QAAM,OACJ,OAAO,aAAa,WAAW,QAAQ,QAAQ,KAAK,WAAW;AACjE,MAAI,aAAa;AACf,WACE,qBAAC,WAAQ,eAAe,GACtB;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,cAAY,GAAG,KAAK,KAAK,KAAK;AAAA,UAC9B,iBAAe;AAAA,UAEf,8BAAC,eAAY,cAAc,MACzB,8BAAC,QAAK,GACR;AAAA;AAAA,MACF,GACF;AAAA,MACA,qBAAC,kBAAe,MAAK,SAClB;AAAA;AAAA,QAAM;AAAA,QAAG;AAAA,QAAM;AAAA,SAClB;AAAA,OACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,cAAY,GAAG,KAAK;AAAA,MACpB,iBAAe;AAAA,MAEf;AAAA,4BAAC,eAAY,cAAc,OACzB,8BAAC,QAAK,GACR;AAAA,QACA,oBAAC,QAAK,MAAM,UAAU,SAAS,CAAC,MAAM,EAAE,gBAAgB,GACtD,8BAAC,aAAU,IAAG,QAAO,QAAQ,OAC1B,iBACH,GACF;AAAA,QACA,oBAAC,cAAW,QAAQ,OAAQ,iBAAM;AAAA,QAClC,oBAAC,kBAAe,aAAa,YAC3B,8BAAC,eAAY,GACf;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/dashboard/sidebar/SectionHeader.styles.cjs

@@ -0,0 +1,116 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SectionHeader_styles_exports = {};
+__export(SectionHeader_styles_exports, {
+  ChevronWrapper: () => ChevronWrapper,
+  CountBadge: () => CountBadge,
+  HeaderWrapper: () => HeaderWrapper,
+  IconWrapper: () => IconWrapper,
+  Title: () => Title,
+  TitleLink: () => TitleLink
+});
+module.exports = __toCommonJS(SectionHeader_styles_exports);
+var import_styled_components = __toESM(require("styled-components"), 1);
+const HeaderWrapper = import_styled_components.default.button`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+  border-bottom: ${({ $isExpanded, $theme }) => $isExpanded ? $theme === "dark" ? "1px solid rgba(255, 255, 255, 0.1)" : "1px solid rgba(0, 0, 0, 0.1)" : "none"};
+
+  &:hover {
+    background-color: ${({ $theme }) => $theme === "dark" ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.03)"};
+  }
+
+  &:focus-visible {
+    outline: 2px solid
+      ${({ $theme }) => $theme === "dark" ? "#60a5fa" : "#2563eb"};
+    outline-offset: 2px;
+  }
+`;
+const IconWrapper = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  ${({ $isCollapsed }) => !$isCollapsed && "margin-right: 0.5rem;"}
+
+  svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+`;
+const Title = import_styled_components.default.span`
+  font-weight: 600;
+  font-size: 0.875rem;
+`;
+const TitleLink = import_styled_components.default.a`
+  font-weight: 600;
+  font-size: 0.875rem;
+  text-decoration: none;
+  color: inherit;
+
+  &:hover {
+    text-decoration: underline;
+    color: ${({ $theme }) => $theme === "dark" ? "#93c5fd" : "#2563eb"};
+  }
+`;
+const CountBadge = import_styled_components.default.span`
+  margin-left: 0.5rem;
+  padding: 0.125rem 0.5rem;
+  border-radius: 9999px;
+  background-color: ${({ $theme }) => $theme === "dark" ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.1)"};
+  color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+  font-size: 0.75rem;
+  font-weight: 500;
+`;
+const ChevronWrapper = import_styled_components.default.div`
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  transform: ${({ $isExpanded }) => $isExpanded ? "rotate(180deg)" : "rotate(0deg)"};
+  transition: transform 0.2s ease;
+
+  svg {
+    width: 1rem;
+    height: 1rem;
+  }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChevronWrapper,
+  CountBadge,
+  HeaderWrapper,
+  IconWrapper,
+  Title,
+  TitleLink
+});
+//# sourceMappingURL=SectionHeader.styles.cjs.map

package/dist/components/dashboard/sidebar/SectionHeader.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/SectionHeader.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const HeaderWrapper = styled.button<{\n  $isExpanded: boolean\n  $theme?: string\n}>`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 0.5rem 0.75rem;\n  background: none;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  border-bottom: ${({ $isExpanded, $theme }) =>\n    $isExpanded\n      ? $theme === 'dark'\n        ? '1px solid rgba(255, 255, 255, 0.1)'\n        : '1px solid rgba(0, 0, 0, 0.1)'\n      : 'none'};\n\n  &:hover {\n    background-color: ${({ $theme }) =>\n      $theme === 'dark' ? 'rgba(255, 255, 255, 0.05)' : 'rgba(0, 0, 0, 0.03)'};\n  }\n\n  &:focus-visible {\n    outline: 2px solid\n      ${({ $theme }) => ($theme === 'dark' ? '#60a5fa' : '#2563eb')};\n    outline-offset: 2px;\n  }\n`\n\nexport const IconWrapper = styled.div<{ $isCollapsed?: boolean }>`\n  display: flex;\n  align-items: center;\n  ${({ $isCollapsed }) => !$isCollapsed && 'margin-right: 0.5rem;'}\n\n  svg {\n    width: 1.25rem;\n    height: 1.25rem;\n  }\n`\n\nexport const Title = styled.span`\n  font-weight: 600;\n  font-size: 0.875rem;\n`\n\nexport const TitleLink = styled.a<{ $theme?: string }>`\n  font-weight: 600;\n  font-size: 0.875rem;\n  text-decoration: none;\n  color: inherit;\n\n  &:hover {\n    text-decoration: underline;\n    color: ${({ $theme }) => ($theme === 'dark' ? '#93c5fd' : '#2563eb')};\n  }\n`\n\nexport const CountBadge = styled.span<{ $theme?: string }>`\n  margin-left: 0.5rem;\n  padding: 0.125rem 0.5rem;\n  border-radius: 9999px;\n  background-color: ${({ $theme }) =>\n    $theme === 'dark' ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)'};\n  color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n  font-size: 0.75rem;\n  font-weight: 500;\n`\n\nexport const ChevronWrapper = styled.div<{ $isExpanded: boolean }>`\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  transform: ${({ $isExpanded }) =>\n    $isExpanded ? 'rotate(180deg)' : 'rotate(0deg)'};\n  transition: transform 0.2s ease;\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n  }\n`\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAmB;AAEZ,MAAM,gBAAgB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAYjB,CAAC,EAAE,aAAa,OAAO,MACtC,cACI,WAAW,SACT,uCACA,iCACF,MAAM;AAAA;AAAA;AAAA,wBAGU,CAAC,EAAE,OAAO,MAC5B,WAAW,SAAS,8BAA8B,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,QAKrE,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAK5D,MAAM,cAAc,yBAAAA,QAAO;AAAA;AAAA;AAAA,IAG9B,CAAC,EAAE,aAAa,MAAM,CAAC,gBAAgB,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3D,MAAM,QAAQ,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQnB,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAIjE,MAAM,aAAa,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,sBAIX,CAAC,EAAE,OAAO,MAC5B,WAAW,SAAS,6BAA6B,oBAAoB;AAAA,WAC9D,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAK/D,MAAM,iBAAiB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,eAItB,CAAC,EAAE,YAAY,MAC1B,cAAc,mBAAmB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":["styled"]}

package/dist/components/dashboard/sidebar/SectionHeader.styles.d.ts

@@ -0,0 +1,18 @@
+export declare const HeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isExpanded: boolean;
+    $theme?: string;
+}>> & string;
+export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isCollapsed?: boolean;
+}>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const TitleLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+    $theme?: string;
+}>> & string;
+export declare const CountBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $theme?: string;
+}>> & string;
+export declare const ChevronWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isExpanded: boolean;
+}>> & string;
+//# sourceMappingURL=SectionHeader.styles.d.ts.map

package/dist/components/dashboard/sidebar/SectionHeader.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.styles.d.ts","sourceRoot":"","sources":["../../../../components/dashboard/sidebar/SectionHeader.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;iBACX,OAAO;aACX,MAAM;YA2BhB,CAAA;AAED,eAAO,MAAM,WAAW;mBAA+B,OAAO;YAS7D,CAAA;AAED,eAAO,MAAM,KAAK,+NAGjB,CAAA;AAED,eAAO,MAAM,SAAS;aAAuB,MAAM;YAUlD,CAAA;AAED,eAAO,MAAM,UAAU;aAA0B,MAAM;YAStD,CAAA;AAED,eAAO,MAAM,cAAc;iBAA6B,OAAO;YAY9D,CAAA"}