@jarrodmedrano/ui 0.1.0

package/dist/components/dashboard/account-switcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/dashboard/account-switcher.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../ui/select'\n\ninterface AccountSwitcherProps {\n  isCollapsed: boolean\n  accounts: {\n    label: string\n    email: string\n    icon: React.ReactNode\n  }[]\n}\n\nexport function AccountSwitcher({\n  isCollapsed,\n  accounts,\n}: AccountSwitcherProps) {\n  const [selectedAccount, setSelectedAccount] = React.useState<string>(\n    accounts[0].email,\n  )\n\n  return (\n    <Select defaultValue={selectedAccount} onValueChange={setSelectedAccount}>\n      <SelectTrigger\n        className={cn(\n          'flex items-center gap-2 [&>span]:line-clamp-1 [&>span]:flex [&>span]:w-full [&>span]:items-center [&>span]:gap-1 [&>span]:truncate [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0',\n          isCollapsed &&\n            'flex h-9 w-9 shrink-0 items-center justify-center p-0 [&>span]:w-auto [&>svg]:hidden',\n        )}\n        aria-label=\"Select account\"\n      >\n        <SelectValue placeholder=\"Select an account\">\n          {accounts.find((account) => account.email === selectedAccount)?.icon}\n          <span className={cn('ml-2', isCollapsed && 'hidden')}>\n            {\n              accounts.find((account) => account.email === selectedAccount)\n                ?.label\n            }\n          </span>\n        </SelectValue>\n      </SelectTrigger>\n      <SelectContent>\n        {accounts.map((account) => (\n          <SelectItem key={account.email} value={account.email}>\n            <div className=\"[&_svg]:text-foreground flex items-center gap-3 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0\">\n              {account.icon}\n              {account.email}\n            </div>\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCQ;AAtCR,YAAuB;AAEvB,mBAAmB;AACnB,oBAMO;AAWA,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAAyB;AAzBzB;AA0BE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM;AAAA,IAClD,SAAS,CAAC,EAAE;AAAA,EACd;AAEA,SACE,6CAAC,wBAAO,cAAc,iBAAiB,eAAe,oBACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA,eACE;AAAA,QACJ;AAAA,QACA,cAAW;AAAA,QAEX,uDAAC,6BAAY,aAAY,qBACtB;AAAA,yBAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,eAAe,MAA5D,mBAA+D;AAAA,UAChE,4CAAC,UAAK,eAAW,iBAAG,QAAQ,eAAe,QAAQ,GAE/C,yBAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,eAAe,MAA5D,mBACI,OAER;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,+BACE,mBAAS,IAAI,CAAC,YACb,4CAAC,4BAA+B,OAAO,QAAQ,OAC7C,uDAAC,SAAI,WAAU,4FACZ;AAAA,cAAQ;AAAA,MACR,QAAQ;AAAA,OACX,KAJe,QAAQ,KAKzB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/dashboard/account-switcher.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface AccountSwitcherProps {
+    isCollapsed: boolean;
+    accounts: {
+        label: string;
+        email: string;
+        icon: React.ReactNode;
+    }[];
+}
+export declare function AccountSwitcher({ isCollapsed, accounts, }: AccountSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=account-switcher.d.ts.map

package/dist/components/dashboard/account-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-switcher.d.ts","sourceRoot":"","sources":["../../../components/dashboard/account-switcher.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;KACtB,EAAE,CAAA;CACJ;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,2CAqCtB"}

package/dist/components/dashboard/account-switcher.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../ui/select";
+function AccountSwitcher({
+  isCollapsed,
+  accounts
+}) {
+  var _a, _b;
+  const [selectedAccount, setSelectedAccount] = React.useState(
+    accounts[0].email
+  );
+  return /* @__PURE__ */ jsxs(Select, { defaultValue: selectedAccount, onValueChange: setSelectedAccount, children: [
+    /* @__PURE__ */ jsx(
+      SelectTrigger,
+      {
+        className: cn(
+          "flex items-center gap-2 [&>span]:line-clamp-1 [&>span]:flex [&>span]:w-full [&>span]:items-center [&>span]:gap-1 [&>span]:truncate [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",
+          isCollapsed && "flex h-9 w-9 shrink-0 items-center justify-center p-0 [&>span]:w-auto [&>svg]:hidden"
+        ),
+        "aria-label": "Select account",
+        children: /* @__PURE__ */ jsxs(SelectValue, { placeholder: "Select an account", children: [
+          (_a = accounts.find((account) => account.email === selectedAccount)) == null ? void 0 : _a.icon,
+          /* @__PURE__ */ jsx("span", { className: cn("ml-2", isCollapsed && "hidden"), children: (_b = accounts.find((account) => account.email === selectedAccount)) == null ? void 0 : _b.label })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(SelectContent, { children: accounts.map((account) => /* @__PURE__ */ jsx(SelectItem, { value: account.email, children: /* @__PURE__ */ jsxs("div", { className: "[&_svg]:text-foreground flex items-center gap-3 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0", children: [
+      account.icon,
+      account.email
+    ] }) }, account.email)) })
+  ] });
+}
+export {
+  AccountSwitcher
+};
+//# sourceMappingURL=account-switcher.js.map

package/dist/components/dashboard/account-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/dashboard/account-switcher.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../ui/select'\n\ninterface AccountSwitcherProps {\n  isCollapsed: boolean\n  accounts: {\n    label: string\n    email: string\n    icon: React.ReactNode\n  }[]\n}\n\nexport function AccountSwitcher({\n  isCollapsed,\n  accounts,\n}: AccountSwitcherProps) {\n  const [selectedAccount, setSelectedAccount] = React.useState<string>(\n    accounts[0].email,\n  )\n\n  return (\n    <Select defaultValue={selectedAccount} onValueChange={setSelectedAccount}>\n      <SelectTrigger\n        className={cn(\n          'flex items-center gap-2 [&>span]:line-clamp-1 [&>span]:flex [&>span]:w-full [&>span]:items-center [&>span]:gap-1 [&>span]:truncate [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0',\n          isCollapsed &&\n            'flex h-9 w-9 shrink-0 items-center justify-center p-0 [&>span]:w-auto [&>svg]:hidden',\n        )}\n        aria-label=\"Select account\"\n      >\n        <SelectValue placeholder=\"Select an account\">\n          {accounts.find((account) => account.email === selectedAccount)?.icon}\n          <span className={cn('ml-2', isCollapsed && 'hidden')}>\n            {\n              accounts.find((account) => account.email === selectedAccount)\n                ?.label\n            }\n          </span>\n        </SelectValue>\n      </SelectTrigger>\n      <SelectContent>\n        {accounts.map((account) => (\n          <SelectItem key={account.email} value={account.email}>\n            <div className=\"[&_svg]:text-foreground flex items-center gap-3 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0\">\n              {account.icon}\n              {account.email}\n            </div>\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n"],"mappings":";AAwCQ,SAEE,KAFF;AAtCR,YAAY,WAAW;AAEvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWA,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAAyB;AAzBzB;AA0BE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM;AAAA,IAClD,SAAS,CAAC,EAAE;AAAA,EACd;AAEA,SACE,qBAAC,UAAO,cAAc,iBAAiB,eAAe,oBACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,eACE;AAAA,QACJ;AAAA,QACA,cAAW;AAAA,QAEX,+BAAC,eAAY,aAAY,qBACtB;AAAA,yBAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,eAAe,MAA5D,mBAA+D;AAAA,UAChE,oBAAC,UAAK,WAAW,GAAG,QAAQ,eAAe,QAAQ,GAE/C,yBAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,eAAe,MAA5D,mBACI,OAER;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,iBACE,mBAAS,IAAI,CAAC,YACb,oBAAC,cAA+B,OAAO,QAAQ,OAC7C,+BAAC,SAAI,WAAU,4FACZ;AAAA,cAAQ;AAAA,MACR,QAAQ;AAAA,OACX,KAJe,QAAQ,KAKzB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,100 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CollapsibleSection_exports = {};
+__export(CollapsibleSection_exports, {
+  CollapsibleSection: () => CollapsibleSection
+});
+module.exports = __toCommonJS(CollapsibleSection_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_SectionHeader = require("./SectionHeader");
+var import_EntityList = require("./EntityList");
+var import_CollapsibleSection = require("./CollapsibleSection.styles");
+function CollapsibleSection({
+  title,
+  items,
+  icon,
+  createHref,
+  moreHref,
+  isCollapsed,
+  theme,
+  onExpand
+}) {
+  const [isExpanded, setIsExpanded] = (0, import_react.useState)(false);
+  const [searchQuery, setSearchQuery] = (0, import_react.useState)("");
+  const handleToggle = (0, import_react.useCallback)(() => {
+    if (isCollapsed && onExpand) {
+      onExpand();
+      setIsExpanded(true);
+    } else {
+      setIsExpanded((prev) => !prev);
+    }
+  }, [isCollapsed, onExpand]);
+  const handleSearchChange = (0, import_react.useCallback)(
+    (e) => {
+      setSearchQuery(e.target.value);
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CollapsibleSection.SectionWrapper, { "data-tour": `sidebar-${title.toLowerCase()}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_SectionHeader.SectionHeader,
+      {
+        title,
+        icon,
+        count: items.length,
+        isExpanded,
+        isCollapsed,
+        theme,
+        moreHref,
+        onClick: handleToggle
+      }
+    ),
+    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CollapsibleSection.ContentWrapper, { $isExpanded: isExpanded, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CollapsibleSection.SearchWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_CollapsibleSection.SearchInput,
+        {
+          type: "text",
+          placeholder: `Search ${title.toLowerCase()}...`,
+          value: searchQuery,
+          onChange: handleSearchChange,
+          $theme: theme,
+          "aria-label": `Search ${title}`
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_EntityList.EntityList,
+        {
+          items,
+          createHref,
+          moreHref,
+          searchQuery,
+          totalCount: items.length,
+          theme
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollapsibleSection
+});
+//# sourceMappingURL=CollapsibleSection.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/CollapsibleSection.tsx"],"sourcesContent":["'use client'\n\nimport { useState, useCallback } from 'react'\nimport { SectionHeader } from './SectionHeader'\nimport { EntityList } from './EntityList'\nimport type { CollapsibleSectionProps } from './types'\nimport {\n  SectionWrapper,\n  ContentWrapper,\n  SearchWrapper,\n  SearchInput,\n} from './CollapsibleSection.styles'\n\nexport function CollapsibleSection({\n  title,\n  items,\n  icon,\n  createHref,\n  moreHref,\n  isCollapsed,\n  theme,\n  onExpand,\n}: CollapsibleSectionProps) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n\n  const handleToggle = useCallback(() => {\n    if (isCollapsed && onExpand) {\n      onExpand()\n      setIsExpanded(true)\n    } else {\n      setIsExpanded((prev) => !prev)\n    }\n  }, [isCollapsed, onExpand])\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchQuery(e.target.value)\n    },\n    [],\n  )\n\n  return (\n    <SectionWrapper data-tour={`sidebar-${title.toLowerCase()}`}>\n      <SectionHeader\n        title={title}\n        icon={icon}\n        count={items.length}\n        isExpanded={isExpanded}\n        isCollapsed={isCollapsed}\n        theme={theme}\n        moreHref={moreHref}\n        onClick={handleToggle}\n      />\n\n      {!isCollapsed && (\n        <ContentWrapper $isExpanded={isExpanded}>\n          <SearchWrapper>\n            <SearchInput\n              type=\"text\"\n              placeholder={`Search ${title.toLowerCase()}...`}\n              value={searchQuery}\n              onChange={handleSearchChange}\n              $theme={theme}\n              aria-label={`Search ${title}`}\n            />\n          </SearchWrapper>\n          <EntityList\n            items={items}\n            createHref={createHref}\n            moreHref={moreHref}\n            searchQuery={searchQuery}\n            totalCount={items.length}\n            theme={theme}\n          />\n        </ContentWrapper>\n      )}\n    </SectionWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CM;AA1CN,mBAAsC;AACtC,2BAA8B;AAC9B,wBAA2B;AAE3B,gCAKO;AAEA,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AAEjD,QAAM,mBAAe,0BAAY,MAAM;AACrC,QAAI,eAAe,UAAU;AAC3B,eAAS;AACT,oBAAc,IAAI;AAAA,IACpB,OAAO;AACL,oBAAc,CAAC,SAAS,CAAC,IAAI;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,yBAAqB;AAAA,IACzB,CAAC,MAA2C;AAC1C,qBAAe,EAAE,OAAO,KAAK;AAAA,IAC/B;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,6CAAC,4CAAe,aAAW,WAAW,MAAM,YAAY,CAAC,IACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,MAAM;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA;AAAA,IACX;AAAA,IAEC,CAAC,eACA,6CAAC,4CAAe,aAAa,YAC3B;AAAA,kDAAC,2CACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,aAAa,UAAU,MAAM,YAAY,CAAC;AAAA,UAC1C,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAY,UAAU,KAAK;AAAA;AAAA,MAC7B,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,MAAM;AAAA,UAClB;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,3 @@
+import type { CollapsibleSectionProps } from './types';
+export declare function CollapsibleSection({ title, items, icon, createHref, moreHref, isCollapsed, theme, onExpand, }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollapsibleSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.d.ts","sourceRoot":"","sources":["../../../../components/dashboard/sidebar/CollapsibleSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAQtD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,GACT,EAAE,uBAAuB,2CAyDzB"}

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

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { SectionHeader } from "./SectionHeader";
+import { EntityList } from "./EntityList";
+import {
+  SectionWrapper,
+  ContentWrapper,
+  SearchWrapper,
+  SearchInput
+} from "./CollapsibleSection.styles";
+function CollapsibleSection({
+  title,
+  items,
+  icon,
+  createHref,
+  moreHref,
+  isCollapsed,
+  theme,
+  onExpand
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+  const handleToggle = useCallback(() => {
+    if (isCollapsed && onExpand) {
+      onExpand();
+      setIsExpanded(true);
+    } else {
+      setIsExpanded((prev) => !prev);
+    }
+  }, [isCollapsed, onExpand]);
+  const handleSearchChange = useCallback(
+    (e) => {
+      setSearchQuery(e.target.value);
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs(SectionWrapper, { "data-tour": `sidebar-${title.toLowerCase()}`, children: [
+    /* @__PURE__ */ jsx(
+      SectionHeader,
+      {
+        title,
+        icon,
+        count: items.length,
+        isExpanded,
+        isCollapsed,
+        theme,
+        moreHref,
+        onClick: handleToggle
+      }
+    ),
+    !isCollapsed && /* @__PURE__ */ jsxs(ContentWrapper, { $isExpanded: isExpanded, children: [
+      /* @__PURE__ */ jsx(SearchWrapper, { children: /* @__PURE__ */ jsx(
+        SearchInput,
+        {
+          type: "text",
+          placeholder: `Search ${title.toLowerCase()}...`,
+          value: searchQuery,
+          onChange: handleSearchChange,
+          $theme: theme,
+          "aria-label": `Search ${title}`
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        EntityList,
+        {
+          items,
+          createHref,
+          moreHref,
+          searchQuery,
+          totalCount: items.length,
+          theme
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  CollapsibleSection
+};
+//# sourceMappingURL=CollapsibleSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/CollapsibleSection.tsx"],"sourcesContent":["'use client'\n\nimport { useState, useCallback } from 'react'\nimport { SectionHeader } from './SectionHeader'\nimport { EntityList } from './EntityList'\nimport type { CollapsibleSectionProps } from './types'\nimport {\n  SectionWrapper,\n  ContentWrapper,\n  SearchWrapper,\n  SearchInput,\n} from './CollapsibleSection.styles'\n\nexport function CollapsibleSection({\n  title,\n  items,\n  icon,\n  createHref,\n  moreHref,\n  isCollapsed,\n  theme,\n  onExpand,\n}: CollapsibleSectionProps) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n\n  const handleToggle = useCallback(() => {\n    if (isCollapsed && onExpand) {\n      onExpand()\n      setIsExpanded(true)\n    } else {\n      setIsExpanded((prev) => !prev)\n    }\n  }, [isCollapsed, onExpand])\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchQuery(e.target.value)\n    },\n    [],\n  )\n\n  return (\n    <SectionWrapper data-tour={`sidebar-${title.toLowerCase()}`}>\n      <SectionHeader\n        title={title}\n        icon={icon}\n        count={items.length}\n        isExpanded={isExpanded}\n        isCollapsed={isCollapsed}\n        theme={theme}\n        moreHref={moreHref}\n        onClick={handleToggle}\n      />\n\n      {!isCollapsed && (\n        <ContentWrapper $isExpanded={isExpanded}>\n          <SearchWrapper>\n            <SearchInput\n              type=\"text\"\n              placeholder={`Search ${title.toLowerCase()}...`}\n              value={searchQuery}\n              onChange={handleSearchChange}\n              $theme={theme}\n              aria-label={`Search ${title}`}\n            />\n          </SearchWrapper>\n          <EntityList\n            items={items}\n            createHref={createHref}\n            moreHref={moreHref}\n            searchQuery={searchQuery}\n            totalCount={items.length}\n            theme={theme}\n          />\n        </ContentWrapper>\n      )}\n    </SectionWrapper>\n  )\n}\n"],"mappings":";AA4CM,cAYE,YAZF;AA1CN,SAAS,UAAU,mBAAmB;AACtC,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AAEjD,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,eAAe,UAAU;AAC3B,eAAS;AACT,oBAAc,IAAI;AAAA,IACpB,OAAO;AACL,oBAAc,CAAC,SAAS,CAAC,IAAI;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAA2C;AAC1C,qBAAe,EAAE,OAAO,KAAK;AAAA,IAC/B;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,kBAAe,aAAW,WAAW,MAAM,YAAY,CAAC,IACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,MAAM;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA;AAAA,IACX;AAAA,IAEC,CAAC,eACA,qBAAC,kBAAe,aAAa,YAC3B;AAAA,0BAAC,iBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,aAAa,UAAU,MAAM,YAAY,CAAC;AAAA,UAC1C,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAY,UAAU,KAAK;AAAA;AAAA,MAC7B,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,MAAM;AAAA,UAClB;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,77 @@
+"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 CollapsibleSection_styles_exports = {};
+__export(CollapsibleSection_styles_exports, {
+  ContentWrapper: () => ContentWrapper,
+  SearchInput: () => SearchInput,
+  SearchWrapper: () => SearchWrapper,
+  SectionWrapper: () => SectionWrapper
+});
+module.exports = __toCommonJS(CollapsibleSection_styles_exports);
+var import_styled_components = __toESM(require("styled-components"), 1);
+const SectionWrapper = import_styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+`;
+const ContentWrapper = import_styled_components.default.div`
+  max-height: ${({ $isExpanded }) => $isExpanded ? "32rem" : "0"};
+  overflow: hidden;
+  transition: max-height 0.2s ease-in-out;
+`;
+const SearchWrapper = import_styled_components.default.div`
+  padding: 0.5rem 0.75rem;
+`;
+const SearchInput = import_styled_components.default.input`
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.375rem;
+  border: 1px solid
+    ${({ $theme }) => $theme === "dark" ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)"};
+  background-color: ${({ $theme }) => $theme === "dark" ? "rgba(0, 0, 0, 0.3)" : "rgba(255, 255, 255, 0.9)"};
+  color: inherit;
+  font-size: 0.875rem;
+  outline: none;
+  transition: border-color 0.2s ease;
+
+  &::placeholder {
+    color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+  }
+
+  &:focus {
+    border-color: ${({ $theme }) => $theme === "dark" ? "#60a5fa" : "#2563eb"};
+  }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContentWrapper,
+  SearchInput,
+  SearchWrapper,
+  SectionWrapper
+});
+//# sourceMappingURL=CollapsibleSection.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/CollapsibleSection.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const SectionWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`\n\nexport const ContentWrapper = styled.div<{ $isExpanded: boolean }>`\n  max-height: ${({ $isExpanded }) => ($isExpanded ? '32rem' : '0')};\n  overflow: hidden;\n  transition: max-height 0.2s ease-in-out;\n`\n\nexport const SearchWrapper = styled.div`\n  padding: 0.5rem 0.75rem;\n`\n\nexport const SearchInput = styled.input<{ $theme?: string }>`\n  width: 100%;\n  padding: 0.5rem 0.75rem;\n  border-radius: 0.375rem;\n  border: 1px solid\n    ${({ $theme }) =>\n      $theme === 'dark' ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)'};\n  background-color: ${({ $theme }) =>\n    $theme === 'dark' ? 'rgba(0, 0, 0, 0.3)' : 'rgba(255, 255, 255, 0.9)'};\n  color: inherit;\n  font-size: 0.875rem;\n  outline: none;\n  transition: border-color 0.2s ease;\n\n  &::placeholder {\n    color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n  }\n\n  &:focus {\n    border-color: ${({ $theme }) =>\n      $theme === 'dark' ? '#60a5fa' : '#2563eb'};\n  }\n`\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAmB;AAEZ,MAAM,iBAAiB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAK9B,MAAM,iBAAiB,yBAAAA,QAAO;AAAA,gBACrB,CAAC,EAAE,YAAY,MAAO,cAAc,UAAU,GAAI;AAAA;AAAA;AAAA;AAK3D,MAAM,gBAAgB,yBAAAA,QAAO;AAAA;AAAA;AAI7B,MAAM,cAAc,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,MAK5B,CAAC,EAAE,OAAO,MACV,WAAW,SAAS,6BAA6B,oBAAoB;AAAA,sBACrD,CAAC,EAAE,OAAO,MAC5B,WAAW,SAAS,uBAAuB,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO5D,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA,oBAIpD,CAAC,EAAE,OAAO,MACxB,WAAW,SAAS,YAAY,SAAS;AAAA;AAAA;","names":["styled"]}

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

@@ -0,0 +1,9 @@
+export declare const SectionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isExpanded: boolean;
+}>> & string;
+export declare const SearchWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $theme?: string;
+}>> & string;
+//# sourceMappingURL=CollapsibleSection.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.styles.d.ts","sourceRoot":"","sources":["../../../../components/dashboard/sidebar/CollapsibleSection.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,6NAG1B,CAAA;AAED,eAAO,MAAM,cAAc;iBAA6B,OAAO;YAI9D,CAAA;AAED,eAAO,MAAM,aAAa,6NAEzB,CAAA;AAED,eAAO,MAAM,WAAW;aAA2B,MAAM;YAsBxD,CAAA"}

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

@@ -0,0 +1,40 @@
+import styled from "styled-components";
+const SectionWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+`;
+const ContentWrapper = styled.div`
+  max-height: ${({ $isExpanded }) => $isExpanded ? "32rem" : "0"};
+  overflow: hidden;
+  transition: max-height 0.2s ease-in-out;
+`;
+const SearchWrapper = styled.div`
+  padding: 0.5rem 0.75rem;
+`;
+const SearchInput = styled.input`
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.375rem;
+  border: 1px solid
+    ${({ $theme }) => $theme === "dark" ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)"};
+  background-color: ${({ $theme }) => $theme === "dark" ? "rgba(0, 0, 0, 0.3)" : "rgba(255, 255, 255, 0.9)"};
+  color: inherit;
+  font-size: 0.875rem;
+  outline: none;
+  transition: border-color 0.2s ease;
+
+  &::placeholder {
+    color: ${({ $theme }) => $theme === "dark" ? "#9ca3af" : "#6b7280"};
+  }
+
+  &:focus {
+    border-color: ${({ $theme }) => $theme === "dark" ? "#60a5fa" : "#2563eb"};
+  }
+`;
+export {
+  ContentWrapper,
+  SearchInput,
+  SearchWrapper,
+  SectionWrapper
+};
+//# sourceMappingURL=CollapsibleSection.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/dashboard/sidebar/CollapsibleSection.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const SectionWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`\n\nexport const ContentWrapper = styled.div<{ $isExpanded: boolean }>`\n  max-height: ${({ $isExpanded }) => ($isExpanded ? '32rem' : '0')};\n  overflow: hidden;\n  transition: max-height 0.2s ease-in-out;\n`\n\nexport const SearchWrapper = styled.div`\n  padding: 0.5rem 0.75rem;\n`\n\nexport const SearchInput = styled.input<{ $theme?: string }>`\n  width: 100%;\n  padding: 0.5rem 0.75rem;\n  border-radius: 0.375rem;\n  border: 1px solid\n    ${({ $theme }) =>\n      $theme === 'dark' ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.2)'};\n  background-color: ${({ $theme }) =>\n    $theme === 'dark' ? 'rgba(0, 0, 0, 0.3)' : 'rgba(255, 255, 255, 0.9)'};\n  color: inherit;\n  font-size: 0.875rem;\n  outline: none;\n  transition: border-color 0.2s ease;\n\n  &::placeholder {\n    color: ${({ $theme }) => ($theme === 'dark' ? '#9ca3af' : '#6b7280')};\n  }\n\n  &:focus {\n    border-color: ${({ $theme }) =>\n      $theme === 'dark' ? '#60a5fa' : '#2563eb'};\n  }\n`\n"],"mappings":"AAAA,OAAO,YAAY;AAEZ,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAK9B,MAAM,iBAAiB,OAAO;AAAA,gBACrB,CAAC,EAAE,YAAY,MAAO,cAAc,UAAU,GAAI;AAAA;AAAA;AAAA;AAK3D,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAI7B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,MAK5B,CAAC,EAAE,OAAO,MACV,WAAW,SAAS,6BAA6B,oBAAoB;AAAA,sBACrD,CAAC,EAAE,OAAO,MAC5B,WAAW,SAAS,uBAAuB,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO5D,CAAC,EAAE,OAAO,MAAO,WAAW,SAAS,YAAY,SAAU;AAAA;AAAA;AAAA;AAAA,oBAIpD,CAAC,EAAE,OAAO,MACxB,WAAW,SAAS,YAAY,SAAS;AAAA;AAAA;","names":[]}

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

@@ -0,0 +1,121 @@
+"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 EntityList_exports = {};
+__export(EntityList_exports, {
+  EntityList: () => EntityList
+});
+module.exports = __toCommonJS(EntityList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_link = __toESM(require("next/link"), 1);
+var import_utils = require("../../../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__ */ (0, import_jsx_runtime.jsxs)("ul", { className: "flex max-h-96 flex-col gap-1 overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: createHref,
+        className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "mr-2 h-4 w-4" }),
+          "Add New"
+        ]
+      }
+    ) }),
+    displayItems.length === 0 && searchQuery ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "li",
+      {
+        className: (0, import_utils.cn)(
+          "px-3 py-4 text-center text-sm",
+          "text-gray-500 dark:text-gray-400"
+        ),
+        children: "No matches found"
+      }
+    ) : displayItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "li",
+      {
+        className: (0, import_utils.cn)(
+          "px-3 py-4 text-center text-sm",
+          "text-gray-500 dark:text-gray-400"
+        ),
+        children: "No items yet"
+      }
+    ) : displayItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_link.default,
+      {
+        href: item.href,
+        className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_link.default,
+      {
+        href: moreHref,
+        className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "ml-auto h-4 w-4" })
+        ]
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EntityList
+});
+//# sourceMappingURL=EntityList.cjs.map

package/dist/components/dashboard/sidebar/EntityList.cjs.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBQ;AAvBR,0BAAiC;AACjC,kBAAiB;AAEjB,mBAAmB;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,6CAAC,QAAG,WAAU,gDACZ;AAAA,gDAAC,QACC;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,4BAAK,WAAU,gBAAe;AAAA,UAAE;AAAA;AAAA;AAAA,IAEnC,GACF;AAAA,IAEC,aAAa,WAAW,KAAK,cAC5B;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACD;AAAA;AAAA,IAED,IACE,aAAa,WAAW,IAC1B;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACD;AAAA;AAAA,IAED,IAEA,aAAa,IAAI,CAAC,SAChB,4CAAC,QACC;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,eAAW;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,4CAAC,QACC;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACD;AAAA;AAAA,UACW;AAAA,UACV,4CAAC,kCAAW,WAAU,mBAAkB;AAAA;AAAA;AAAA,IAC1C,GACF;AAAA,KAEJ;AAEJ;","names":["Link"]}

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

@@ -0,0 +1,3 @@
+import type { EntityListProps } from './types';
+export declare function EntityList({ items, createHref, moreHref, searchQuery, totalCount, theme: _theme, }: EntityListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EntityList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityList.d.ts","sourceRoot":"","sources":["../../../../components/dashboard/sidebar/EntityList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EAAE,MAAM,GACd,EAAE,eAAe,2CA6EjB"}