@jarrodmedrano/ui 0.1.0

package/dist/components/combobox/ComboList.cjs

@@ -0,0 +1,78 @@
+"use strict";
+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 ComboList_exports = {};
+__export(ComboList_exports, {
+  ComboList: () => ComboList
+});
+module.exports = __toCommonJS(ComboList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_command = require("../ui/command");
+const ComboList = ({
+  page,
+  setOpen,
+  setSelectedItem,
+  items
+}) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.Command, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandInput, { placeholder: `${page.title}...` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandList, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandGroup, { children: [
+        (_a = page == null ? void 0 : page.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_command.CommandItem,
+          {
+            value: child.name,
+            onSelect: (value) => {
+              setSelectedItem(
+                (page == null ? void 0 : page.children.find(() => child.name === value)) || null
+              );
+              setOpen(false);
+            },
+            children: child.label
+          },
+          child.name
+        )),
+        items == null ? void 0 : items.map((item) => {
+          const { Icon } = item;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_command.CommandItem,
+            {
+              value: item.name,
+              onSelect: (_value) => {
+                setOpen(false);
+                item.onSelect(item.href);
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label })
+              ]
+            },
+            item.name
+          );
+        })
+      ] })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ComboList
+});
+//# sourceMappingURL=ComboList.cjs.map

package/dist/components/combobox/ComboList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/combobox/ComboList.tsx"],"sourcesContent":["import {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../ui/command'\n\nexport const ComboList = ({\n  page,\n  setOpen,\n  setSelectedItem,\n  items,\n}: {\n  page: any\n  setOpen: (_open: boolean) => void\n  setSelectedItem: (_status: string | null) => void\n  items?: {\n    name: string\n    label: string\n    Icon: React.ElementType\n    variant?: string\n    href: string\n    onSelect: (_name: string) => void\n  }[]\n}) => {\n  return (\n    <Command>\n      <CommandInput placeholder={`${page.title}...`} />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup>\n          {page?.children?.map((child: any) => (\n            <CommandItem\n              key={child.name}\n              value={child.name}\n              onSelect={(value) => {\n                setSelectedItem(\n                  page?.children.find(() => child.name === value) || null,\n                )\n                setOpen(false)\n              }}\n            >\n              {child.label}\n            </CommandItem>\n          ))}\n\n          {items?.map((item) => {\n            const { Icon } = item\n\n            return (\n              <CommandItem\n                key={item.name}\n                value={item.name}\n                onSelect={(_value) => {\n                  setOpen(false)\n                  item.onSelect(item.href)\n                }}\n              >\n                <Icon className=\"mr-2 h-4 w-4\" />\n                <span>{item.label}</span>\n              </CommandItem>\n            )\n          })}\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA7BN,qBAOO;AAEA,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAYM;AA1BN;AA2BE,SACE,6CAAC,0BACC;AAAA,gDAAC,+BAAa,aAAa,GAAG,KAAK,KAAK,OAAO;AAAA,IAC/C,6CAAC,8BACC;AAAA,kDAAC,+BAAa,+BAAiB;AAAA,MAC/B,6CAAC,+BACE;AAAA,2CAAM,aAAN,mBAAgB,IAAI,CAAC,UACpB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,MAAM;AAAA,YACb,UAAU,CAAC,UAAU;AACnB;AAAA,iBACE,6BAAM,SAAS,KAAK,MAAM,MAAM,SAAS,WAAU;AAAA,cACrD;AACA,sBAAQ,KAAK;AAAA,YACf;AAAA,YAEC,gBAAM;AAAA;AAAA,UATF,MAAM;AAAA,QAUb;AAAA,QAGD,+BAAO,IAAI,CAAC,SAAS;AACpB,gBAAM,EAAE,KAAK,IAAI;AAEjB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,OAAO,KAAK;AAAA,cACZ,UAAU,CAAC,WAAW;AACpB,wBAAQ,KAAK;AACb,qBAAK,SAAS,KAAK,IAAI;AAAA,cACzB;AAAA,cAEA;AAAA,4DAAC,QAAK,WAAU,gBAAe;AAAA,gBAC/B,4CAAC,UAAM,eAAK,OAAM;AAAA;AAAA;AAAA,YARb,KAAK;AAAA,UASZ;AAAA,QAEJ;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/combobox/ComboList.d.ts

@@ -0,0 +1,14 @@
+export declare const ComboList: ({ page, setOpen, setSelectedItem, items, }: {
+    page: any;
+    setOpen: (_open: boolean) => void;
+    setSelectedItem: (_status: string | null) => void;
+    items?: {
+        name: string;
+        label: string;
+        Icon: React.ElementType;
+        variant?: string;
+        href: string;
+        onSelect: (_name: string) => void;
+    }[];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ComboList.d.ts.map

package/dist/components/combobox/ComboList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboList.d.ts","sourceRoot":"","sources":["../../../components/combobox/ComboList.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,+CAKnB;IACD,IAAI,EAAE,GAAG,CAAA;IACT,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACjC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,KAAK,CAAC,WAAW,CAAA;QACvB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAClC,EAAE,CAAA;CACJ,4CA2CA,CAAA"}

package/dist/components/combobox/ComboList.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "../ui/command";
+const ComboList = ({
+  page,
+  setOpen,
+  setSelectedItem,
+  items
+}) => {
+  var _a;
+  return /* @__PURE__ */ jsxs(Command, { children: [
+    /* @__PURE__ */ jsx(CommandInput, { placeholder: `${page.title}...` }),
+    /* @__PURE__ */ jsxs(CommandList, { children: [
+      /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ jsxs(CommandGroup, { children: [
+        (_a = page == null ? void 0 : page.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ jsx(
+          CommandItem,
+          {
+            value: child.name,
+            onSelect: (value) => {
+              setSelectedItem(
+                (page == null ? void 0 : page.children.find(() => child.name === value)) || null
+              );
+              setOpen(false);
+            },
+            children: child.label
+          },
+          child.name
+        )),
+        items == null ? void 0 : items.map((item) => {
+          const { Icon } = item;
+          return /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              value: item.name,
+              onSelect: (_value) => {
+                setOpen(false);
+                item.onSelect(item.href);
+              },
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { children: item.label })
+              ]
+            },
+            item.name
+          );
+        })
+      ] })
+    ] })
+  ] });
+};
+export {
+  ComboList
+};
+//# sourceMappingURL=ComboList.js.map

package/dist/components/combobox/ComboList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/combobox/ComboList.tsx"],"sourcesContent":["import {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../ui/command'\n\nexport const ComboList = ({\n  page,\n  setOpen,\n  setSelectedItem,\n  items,\n}: {\n  page: any\n  setOpen: (_open: boolean) => void\n  setSelectedItem: (_status: string | null) => void\n  items?: {\n    name: string\n    label: string\n    Icon: React.ElementType\n    variant?: string\n    href: string\n    onSelect: (_name: string) => void\n  }[]\n}) => {\n  return (\n    <Command>\n      <CommandInput placeholder={`${page.title}...`} />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup>\n          {page?.children?.map((child: any) => (\n            <CommandItem\n              key={child.name}\n              value={child.name}\n              onSelect={(value) => {\n                setSelectedItem(\n                  page?.children.find(() => child.name === value) || null,\n                )\n                setOpen(false)\n              }}\n            >\n              {child.label}\n            </CommandItem>\n          ))}\n\n          {items?.map((item) => {\n            const { Icon } = item\n\n            return (\n              <CommandItem\n                key={item.name}\n                value={item.name}\n                onSelect={(_value) => {\n                  setOpen(false)\n                  item.onSelect(item.href)\n                }}\n              >\n                <Icon className=\"mr-2 h-4 w-4\" />\n                <span>{item.label}</span>\n              </CommandItem>\n            )\n          })}\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  )\n}\n"],"mappings":"AA6BM,cAuBQ,YAvBR;AA7BN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAYM;AA1BN;AA2BE,SACE,qBAAC,WACC;AAAA,wBAAC,gBAAa,aAAa,GAAG,KAAK,KAAK,OAAO;AAAA,IAC/C,qBAAC,eACC;AAAA,0BAAC,gBAAa,+BAAiB;AAAA,MAC/B,qBAAC,gBACE;AAAA,2CAAM,aAAN,mBAAgB,IAAI,CAAC,UACpB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,MAAM;AAAA,YACb,UAAU,CAAC,UAAU;AACnB;AAAA,iBACE,6BAAM,SAAS,KAAK,MAAM,MAAM,SAAS,WAAU;AAAA,cACrD;AACA,sBAAQ,KAAK;AAAA,YACf;AAAA,YAEC,gBAAM;AAAA;AAAA,UATF,MAAM;AAAA,QAUb;AAAA,QAGD,+BAAO,IAAI,CAAC,SAAS;AACpB,gBAAM,EAAE,KAAK,IAAI;AAEjB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,OAAO,KAAK;AAAA,cACZ,UAAU,CAAC,WAAW;AACpB,wBAAQ,KAAK;AACb,qBAAK,SAAS,KAAK,IAAI;AAAA,cACzB;AAAA,cAEA;AAAA,oCAAC,QAAK,WAAU,gBAAe;AAAA,gBAC/B,oBAAC,UAAM,eAAK,OAAM;AAAA;AAAA;AAAA,YARb,KAAK;AAAA,UASZ;AAAA,QAEJ;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/combobox/index.cjs

@@ -0,0 +1,119 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 combobox_exports = {};
+__export(combobox_exports, {
+  default: () => combobox_default
+});
+module.exports = __toCommonJS(combobox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_button = require("../ui/button");
+var import_drawer = require("../ui/drawer");
+var import_popover = require("../ui/popover");
+var import_lucide_react = require("lucide-react");
+var import_ComboList = require("./ComboList");
+const extraItems = [
+  {
+    name: "new",
+    label: "Add New",
+    Icon: import_lucide_react.BookPlus,
+    href: "#",
+    onSelect: () => {
+    }
+  }
+];
+function ComboBoxResponsive({
+  page,
+  onAdd
+}) {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const isDesktop = true;
+  const [selectedStatus, setSelectedItem] = (0, import_react.useState)(null);
+  if (isDesktop) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_button.Button,
+        {
+          variant: "ghost",
+          role: "combobox",
+          "aria-expanded": open,
+          className: "w-full justify-between capitalize",
+          children: [
+            selectedStatus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: selectedStatus.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              "+ ",
+              page.title
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ComboList.ComboList,
+        {
+          page,
+          setOpen,
+          setSelectedItem,
+          items: extraItems.map((item) => __spreadProps(__spreadValues({}, item), {
+            onSelect: onAdd,
+            href: `/create/${page.href}`,
+            name: page.title
+          }))
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_drawer.Drawer, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawer.DrawerTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "outline", className: "w-full justify-start", children: selectedStatus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: selectedStatus.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      "+ ",
+      page.title
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawer.DrawerContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ComboList.ComboList,
+      {
+        page,
+        setOpen,
+        setSelectedItem,
+        items: extraItems.map((item) => __spreadProps(__spreadValues({}, item), {
+          onSelect: onAdd,
+          href: `/create/${page.href}`,
+          name: page.title
+        }))
+      }
+    ) }) })
+  ] });
+}
+var combobox_default = ComboBoxResponsive;
+//# sourceMappingURL=index.cjs.map

package/dist/components/combobox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/combobox/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Button } from '../ui/button'\nimport { Drawer, DrawerContent, DrawerTrigger } from '../ui/drawer'\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover'\nimport { BookPlus, ChevronDown } from 'lucide-react'\nimport { ComboList } from './ComboList'\n\nconst extraItems = [\n  {\n    name: 'new',\n    label: 'Add New',\n    Icon: BookPlus,\n    href: '#',\n    onSelect: () => {},\n  },\n]\nfunction ComboBoxResponsive({\n  page,\n  onAdd,\n}: {\n  page: any\n  onAdd: (_pageName: string) => void\n}) {\n  const [open, setOpen] = useState(false)\n  const isDesktop = true\n  const [selectedStatus, setSelectedItem] = useState<any | null>(null)\n\n  if (isDesktop) {\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-full justify-between capitalize\"\n          >\n            {selectedStatus ? <>{selectedStatus.label}</> : <>+ {page.title}</>}\n            <ChevronDown className=\"opacity-50\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-full p-0\" align=\"start\">\n          <ComboList\n            page={page}\n            setOpen={setOpen}\n            setSelectedItem={setSelectedItem}\n            items={extraItems.map((item) => ({\n              ...item,\n              onSelect: onAdd,\n              href: `/create/${page.href}`,\n              name: page.title,\n            }))}\n          />\n        </PopoverContent>\n      </Popover>\n    )\n  }\n\n  return (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>\n        <Button variant=\"outline\" className=\"w-full justify-start\">\n          {selectedStatus ? <>{selectedStatus.label}</> : <>+ {page.title}</>}\n        </Button>\n      </DrawerTrigger>\n      <DrawerContent>\n        <div className=\"mt-4 border-t\">\n          <ComboList\n            page={page}\n            setOpen={setOpen}\n            setSelectedItem={setSelectedItem}\n            items={extraItems.map((item) => ({\n              ...item,\n              onSelect: onAdd,\n              href: `/create/${page.href}`,\n              name: page.title,\n            }))}\n          />\n        </div>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n\nexport default ComboBoxResponsive\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqC8B;AArC9B,mBAAyB;AACzB,oBAAuB;AACvB,oBAAqD;AACrD,qBAAwD;AACxD,0BAAsC;AACtC,uBAA0B;AAE1B,MAAM,aAAa;AAAA,EACjB;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,MAAM;AAAA,IAAC;AAAA,EACnB;AACF;AACA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,YAAY;AAClB,QAAM,CAAC,gBAAgB,eAAe,QAAI,uBAAqB,IAAI;AAEnE,MAAI,WAAW;AACb,WACE,6CAAC,0BAAQ,MAAY,cAAc,SACjC;AAAA,kDAAC,iCAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,iBAAe;AAAA,UACf,WAAU;AAAA,UAET;AAAA,6BAAiB,2EAAG,yBAAe,OAAM,IAAM,4EAAE;AAAA;AAAA,cAAG,KAAK;AAAA,eAAM;AAAA,YAChE,4CAAC,mCAAY,WAAU,cAAa;AAAA;AAAA;AAAA,MACtC,GACF;AAAA,MACA,4CAAC,iCAAe,WAAU,cAAa,OAAM,SAC3C;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,WAAW,IAAI,CAAC,SAAU,iCAC5B,OAD4B;AAAA,YAE/B,UAAU;AAAA,YACV,MAAM,WAAW,KAAK,IAAI;AAAA,YAC1B,MAAM,KAAK;AAAA,UACb,EAAE;AAAA;AAAA,MACJ,GACF;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,6CAAC,wBAAO,MAAY,cAAc,SAChC;AAAA,gDAAC,+BAAc,SAAO,MACpB,sDAAC,wBAAO,SAAQ,WAAU,WAAU,wBACjC,2BAAiB,2EAAG,yBAAe,OAAM,IAAM,4EAAE;AAAA;AAAA,MAAG,KAAK;AAAA,OAAM,GAClE,GACF;AAAA,IACA,4CAAC,+BACC,sDAAC,SAAI,WAAU,iBACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,WAAW,IAAI,CAAC,SAAU,iCAC5B,OAD4B;AAAA,UAE/B,UAAU;AAAA,UACV,MAAM,WAAW,KAAK,IAAI;AAAA,UAC1B,MAAM,KAAK;AAAA,QACb,EAAE;AAAA;AAAA,IACJ,GACF,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/components/combobox/index.d.ts

@@ -0,0 +1,6 @@
+declare function ComboBoxResponsive({ page, onAdd, }: {
+    page: any;
+    onAdd: (_pageName: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export default ComboBoxResponsive;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/combobox/index.tsx"],"names":[],"mappings":"AAgBA,iBAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,KAAK,GACN,EAAE;IACD,IAAI,EAAE,GAAG,CAAA;IACT,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,2CA4DA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/combobox/index.js

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../ui/button";
+import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+import { BookPlus, ChevronDown } from "lucide-react";
+import { ComboList } from "./ComboList";
+const extraItems = [
+  {
+    name: "new",
+    label: "Add New",
+    Icon: BookPlus,
+    href: "#",
+    onSelect: () => {
+    }
+  }
+];
+function ComboBoxResponsive({
+  page,
+  onAdd
+}) {
+  const [open, setOpen] = useState(false);
+  const isDesktop = true;
+  const [selectedStatus, setSelectedItem] = useState(null);
+  if (isDesktop) {
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          role: "combobox",
+          "aria-expanded": open,
+          className: "w-full justify-between capitalize",
+          children: [
+            selectedStatus ? /* @__PURE__ */ jsx(Fragment, { children: selectedStatus.label }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              "+ ",
+              page.title
+            ] }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ jsx(
+        ComboList,
+        {
+          page,
+          setOpen,
+          setSelectedItem,
+          items: extraItems.map((item) => __spreadProps(__spreadValues({}, item), {
+            onSelect: onAdd,
+            href: `/create/${page.href}`,
+            name: page.title
+          }))
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Drawer, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(DrawerTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full justify-start", children: selectedStatus ? /* @__PURE__ */ jsx(Fragment, { children: selectedStatus.label }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      "+ ",
+      page.title
+    ] }) }) }),
+    /* @__PURE__ */ jsx(DrawerContent, { children: /* @__PURE__ */ jsx("div", { className: "mt-4 border-t", children: /* @__PURE__ */ jsx(
+      ComboList,
+      {
+        page,
+        setOpen,
+        setSelectedItem,
+        items: extraItems.map((item) => __spreadProps(__spreadValues({}, item), {
+          onSelect: onAdd,
+          href: `/create/${page.href}`,
+          name: page.title
+        }))
+      }
+    ) }) })
+  ] });
+}
+var combobox_default = ComboBoxResponsive;
+export {
+  combobox_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/combobox/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Button } from '../ui/button'\nimport { Drawer, DrawerContent, DrawerTrigger } from '../ui/drawer'\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover'\nimport { BookPlus, ChevronDown } from 'lucide-react'\nimport { ComboList } from './ComboList'\n\nconst extraItems = [\n  {\n    name: 'new',\n    label: 'Add New',\n    Icon: BookPlus,\n    href: '#',\n    onSelect: () => {},\n  },\n]\nfunction ComboBoxResponsive({\n  page,\n  onAdd,\n}: {\n  page: any\n  onAdd: (_pageName: string) => void\n}) {\n  const [open, setOpen] = useState(false)\n  const isDesktop = true\n  const [selectedStatus, setSelectedItem] = useState<any | null>(null)\n\n  if (isDesktop) {\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-full justify-between capitalize\"\n          >\n            {selectedStatus ? <>{selectedStatus.label}</> : <>+ {page.title}</>}\n            <ChevronDown className=\"opacity-50\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-full p-0\" align=\"start\">\n          <ComboList\n            page={page}\n            setOpen={setOpen}\n            setSelectedItem={setSelectedItem}\n            items={extraItems.map((item) => ({\n              ...item,\n              onSelect: onAdd,\n              href: `/create/${page.href}`,\n              name: page.title,\n            }))}\n          />\n        </PopoverContent>\n      </Popover>\n    )\n  }\n\n  return (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>\n        <Button variant=\"outline\" className=\"w-full justify-start\">\n          {selectedStatus ? <>{selectedStatus.label}</> : <>+ {page.title}</>}\n        </Button>\n      </DrawerTrigger>\n      <DrawerContent>\n        <div className=\"mt-4 border-t\">\n          <ComboList\n            page={page}\n            setOpen={setOpen}\n            setSelectedItem={setSelectedItem}\n            items={extraItems.map((item) => ({\n              ...item,\n              onSelect: onAdd,\n              href: `/create/${page.href}`,\n              name: page.title,\n            }))}\n          />\n        </div>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n\nexport default ComboBoxResponsive\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqC8B,wBAA8B,YAA9B;AArC9B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,QAAQ,eAAe,qBAAqB;AACrD,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU,mBAAmB;AACtC,SAAS,iBAAiB;AAE1B,MAAM,aAAa;AAAA,EACjB;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,MAAM;AAAA,IAAC;AAAA,EACnB;AACF;AACA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,YAAY;AAClB,QAAM,CAAC,gBAAgB,eAAe,IAAI,SAAqB,IAAI;AAEnE,MAAI,WAAW;AACb,WACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,iBAAe;AAAA,UACf,WAAU;AAAA,UAET;AAAA,6BAAiB,gCAAG,yBAAe,OAAM,IAAM,iCAAE;AAAA;AAAA,cAAG,KAAK;AAAA,eAAM;AAAA,YAChE,oBAAC,eAAY,WAAU,cAAa;AAAA;AAAA;AAAA,MACtC,GACF;AAAA,MACA,oBAAC,kBAAe,WAAU,cAAa,OAAM,SAC3C;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,WAAW,IAAI,CAAC,SAAU,iCAC5B,OAD4B;AAAA,YAE/B,UAAU;AAAA,YACV,MAAM,WAAW,KAAK,IAAI;AAAA,YAC1B,MAAM,KAAK;AAAA,UACb,EAAE;AAAA;AAAA,MACJ,GACF;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,UAAO,MAAY,cAAc,SAChC;AAAA,wBAAC,iBAAc,SAAO,MACpB,8BAAC,UAAO,SAAQ,WAAU,WAAU,wBACjC,2BAAiB,gCAAG,yBAAe,OAAM,IAAM,iCAAE;AAAA;AAAA,MAAG,KAAK;AAAA,OAAM,GAClE,GACF;AAAA,IACA,oBAAC,iBACC,8BAAC,SAAI,WAAU,iBACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,WAAW,IAAI,CAAC,SAAU,iCAC5B,OAD4B;AAAA,UAE/B,UAAU;AAAA,UACV,MAAM,WAAW,KAAK,IAAI;AAAA,UAC1B,MAAM,KAAK;AAAA,QACb,EAAE;AAAA;AAAA,IACJ,GACF,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/components/dashboard/account-select.cjs

@@ -0,0 +1,69 @@
+"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 account_select_exports = {};
+__export(account_select_exports, {
+  AccountSelect: () => AccountSelect
+});
+module.exports = __toCommonJS(account_select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_utils = require("@/lib/utils");
+var import_select = require("../ui/select");
+function AccountSelect({ isCollapsed, accounts }) {
+  var _a, _b;
+  const [selectedAccount, setSelectedAccount] = React.useState(
+    accounts[0].email
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { defaultValue: selectedAccount, onValueChange: setSelectedAccount, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_select.SelectTrigger,
+      {
+        className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: "Select an account", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "[&_svg]:text-foreground flex items-center gap-3 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0", children: [
+          (_a = accounts.find((account) => account.email === selectedAccount)) == null ? void 0 : _a.icon,
+          (_b = accounts.find((account) => account.email === selectedAccount)) == null ? void 0 : _b.label
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: account.email, children: /* @__PURE__ */ (0, import_jsx_runtime.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)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountSelect
+});
+//# sourceMappingURL=account-select.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/dashboard/account-select.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 AccountSelectProps {\n  isCollapsed: boolean\n  accounts: {\n    label: string\n    email: string\n    icon: React.ReactNode\n  }[]\n}\n\nexport function AccountSelect({ isCollapsed, accounts }: AccountSelectProps) {\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          <div className=\"[&_svg]:text-foreground flex items-center gap-3 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0\">\n            {\n              accounts.find((account) => account.email === selectedAccount)\n                ?.icon\n            }\n            {\n              accounts.find((account) => account.email === selectedAccount)\n                ?.label\n            }\n          </div>\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;AAqCQ;AAnCR,YAAuB;AAEvB,mBAAmB;AACnB,oBAMO;AAWA,SAAS,cAAc,EAAE,aAAa,SAAS,GAAuB;AAtB7E;AAuBE,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,sDAAC,6BAAY,aAAY,qBACvB,uDAAC,SAAI,WAAU,4FAEX;AAAA,yBAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,eAAe,MAA5D,mBACI;AAAA,WAGJ,cAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,eAAe,MAA5D,mBACI;AAAA,WAER,GACF;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-select.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"account-select.d.ts","sourceRoot":"","sources":["../../../components/dashboard/account-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,UAAU,kBAAkB;IAC1B,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,aAAa,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAwC1E"}

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

@@ -0,0 +1,41 @@
+"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 AccountSelect({ 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__ */ jsx(SelectValue, { placeholder: "Select an account", children: /* @__PURE__ */ jsxs("div", { className: "[&_svg]:text-foreground flex items-center gap-3 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0", children: [
+          (_a = accounts.find((account) => account.email === selectedAccount)) == null ? void 0 : _a.icon,
+          (_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 {
+  AccountSelect
+};
+//# sourceMappingURL=account-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/dashboard/account-select.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 AccountSelectProps {\n  isCollapsed: boolean\n  accounts: {\n    label: string\n    email: string\n    icon: React.ReactNode\n  }[]\n}\n\nexport function AccountSelect({ isCollapsed, accounts }: AccountSelectProps) {\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          <div className=\"[&_svg]:text-foreground flex items-center gap-3 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0\">\n            {\n              accounts.find((account) => account.email === selectedAccount)\n                ?.icon\n            }\n            {\n              accounts.find((account) => account.email === selectedAccount)\n                ?.label\n            }\n          </div>\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":";AAqCQ,cACE,YADF;AAnCR,YAAY,WAAW;AAEvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWA,SAAS,cAAc,EAAE,aAAa,SAAS,GAAuB;AAtB7E;AAuBE,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,8BAAC,eAAY,aAAY,qBACvB,+BAAC,SAAI,WAAU,4FAEX;AAAA,yBAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,eAAe,MAA5D,mBACI;AAAA,WAGJ,cAAS,KAAK,CAAC,YAAY,QAAQ,UAAU,eAAe,MAA5D,mBACI;AAAA,WAER,GACF;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/account-switcher.cjs

@@ -0,0 +1,72 @@
+"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 account_switcher_exports = {};
+__export(account_switcher_exports, {
+  AccountSwitcher: () => AccountSwitcher
+});
+module.exports = __toCommonJS(account_switcher_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_utils = require("@/lib/utils");
+var import_select = require("../ui/select");
+function AccountSwitcher({
+  isCollapsed,
+  accounts
+}) {
+  var _a, _b;
+  const [selectedAccount, setSelectedAccount] = React.useState(
+    accounts[0].email
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { defaultValue: selectedAccount, onValueChange: setSelectedAccount, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_select.SelectTrigger,
+      {
+        className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsxs)(import_select.SelectValue, { placeholder: "Select an account", children: [
+          (_a = accounts.find((account) => account.email === selectedAccount)) == null ? void 0 : _a.icon,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_utils.cn)("ml-2", isCollapsed && "hidden"), children: (_b = accounts.find((account) => account.email === selectedAccount)) == null ? void 0 : _b.label })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: accounts.map((account) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: account.email, children: /* @__PURE__ */ (0, import_jsx_runtime.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)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountSwitcher
+});
+//# sourceMappingURL=account-switcher.cjs.map