qt-ui-kit 1.0.114 → 1.0.115

package/dist/index.d.mts

@@ -2,6 +2,15 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode, ReactElement } from 'react';
 
+declare enum FilterCategory {
+    FIRES = "fires",
+    INSIGHTS = "insights",
+    NEW = "new",
+    DONE = "done"
+}
+declare enum MoreFilter {
+    MORE = "more"
+}
 declare enum IntegrationService {
     SLACK = "slack",
     GMAIL = "google_mail",
@@ -75,7 +84,7 @@ interface PreviewBadgeData {
     type: BadgeType;
     label?: string;
 }
-type Props$a = {
+type Props$9 = {
     eventID: string;
     onSelected?: (eventID: string) => void;
     selected?: boolean;
@@ -94,28 +103,28 @@ type Props$a = {
     eventBadges?: PreviewBadgeData[];
     onOverride?: (eventID: string, selectedItem: string) => void;
 };
-declare function PreviewCard({ eventID, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, date, onClickGoToSource, eventCategory, read, overrideItems, eventBadges, onOverride, }: Props$a): react_jsx_runtime.JSX.Element;
+declare function PreviewCard({ eventID, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, date, onClickGoToSource, eventCategory, read, overrideItems, eventBadges, onOverride, }: Props$9): react_jsx_runtime.JSX.Element;
 
 type NavButtonKey = "queue" | "account" | "logout";
 type NavButtonConfig$1 = {
     active?: boolean;
     onClick?: () => void;
 };
-type Props$9 = {
+type Props$8 = {
     buttons?: Partial<Record<NavButtonKey, NavButtonConfig$1>>;
 };
-declare function NavBar({ buttons }: Props$9): react_jsx_runtime.JSX.Element;
+declare function NavBar({ buttons }: Props$8): react_jsx_runtime.JSX.Element;
 
-type Props$8 = {
+type Props$7 = {
     eventType?: EventType;
     eventData?: EventGroup[];
     groupUrgency?: UrgencyLevel;
     groupUrgencyText?: string;
     groupSummary?: string;
 };
-declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$8): react_jsx_runtime.JSX.Element;
+declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$7): react_jsx_runtime.JSX.Element;
 
-type Props$7 = {
+type Props$6 = {
     subjectLine?: string;
     to?: string;
     date?: string;
@@ -125,9 +134,9 @@ type Props$7 = {
     attachments?: string;
     body?: string;
 };
-declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$7): react_jsx_runtime.JSX.Element;
+declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$6): react_jsx_runtime.JSX.Element;
 
-type Props$6 = {
+type Props$5 = {
     messages?: ChatData[];
 };
 type ChatData = {
@@ -141,9 +150,9 @@ type ChatData = {
     images?: string[];
     emojis?: string[];
 };
-declare function ChatBody({ messages }: Props$6): react_jsx_runtime.JSX.Element;
+declare function ChatBody({ messages }: Props$5): react_jsx_runtime.JSX.Element;
 
-type Props$5 = {
+type Props$4 = {
     issueNumber?: string;
     notification?: string;
     project?: string;
@@ -158,13 +167,13 @@ type Props$5 = {
     description?: string;
     comments?: TicketComment[];
 };
-declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$5): react_jsx_runtime.JSX.Element;
+declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$4): react_jsx_runtime.JSX.Element;
 
 type SearchResult = {
     label: string;
     count: number;
 };
-type Props$4 = {
+type Props$3 = {
     loading?: boolean;
     results?: SearchResult[];
     initialText?: string;
@@ -172,19 +181,19 @@ type Props$4 = {
     /** Optional debounce for onUpdate calls (ms). Defaults to 250ms. */
     debounceMs?: number;
 };
-declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$4): react_jsx_runtime.JSX.Element;
+declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$3): react_jsx_runtime.JSX.Element;
 
-type FilterButtonKey = "fires" | "insights" | "unread" | "done" | "more" | IntegrationService;
+type FilterButtonKey = FilterCategory | IntegrationService | MoreFilter;
 type NavButtonConfig = {
     active?: boolean;
     onClick?: () => void;
     disabled?: boolean;
     count?: string | number;
 };
-type Props$3 = {
+type FilterBarProps = {
     buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;
 };
-declare function FilterBar({ buttons }: Props$3): react_jsx_runtime.JSX.Element;
+declare function FilterBar({ buttons }: FilterBarProps): react_jsx_runtime.JSX.Element;
 
 type IconSize = 16 | 20 | 24 | 36;
 
@@ -339,4 +348,4 @@ type Event = {
 
 declare const fakeMessages: ChatData[];
 
-export { AccountInfoField, AccountInfoSection, AccountIntegrationCard, AccountIntegrationCardItem, type Attachment, BaseIconName, BrandIcon, type CalendarData, ChatBody, type ChatData, ColorVariants, ConfirmationModal, type ConfirmationVariant, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, type ExternalPerson, FilterBar, type FilterButtonKey, type IconSize, IntegrationService, type MessageData, Modal, NavBar, PreviewCard, SearchBar, type SearchResult, TicketBody, type TicketComment, type TicketData, UrgencyLevel, fakeMessages };
+export { AccountInfoField, AccountInfoSection, AccountIntegrationCard, AccountIntegrationCardItem, type Attachment, BaseIconName, BrandIcon, type CalendarData, ChatBody, type ChatData, ColorVariants, ConfirmationModal, type ConfirmationVariant, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, type ExternalPerson, FilterBar, type FilterButtonKey, FilterCategory, type IconSize, IntegrationService, type MessageData, Modal, MoreFilter, NavBar, PreviewCard, SearchBar, type SearchResult, TicketBody, type TicketComment, type TicketData, UrgencyLevel, fakeMessages };

package/dist/index.d.ts

@@ -2,6 +2,15 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode, ReactElement } from 'react';
 
+declare enum FilterCategory {
+    FIRES = "fires",
+    INSIGHTS = "insights",
+    NEW = "new",
+    DONE = "done"
+}
+declare enum MoreFilter {
+    MORE = "more"
+}
 declare enum IntegrationService {
     SLACK = "slack",
     GMAIL = "google_mail",
@@ -75,7 +84,7 @@ interface PreviewBadgeData {
     type: BadgeType;
     label?: string;
 }
-type Props$a = {
+type Props$9 = {
     eventID: string;
     onSelected?: (eventID: string) => void;
     selected?: boolean;
@@ -94,28 +103,28 @@ type Props$a = {
     eventBadges?: PreviewBadgeData[];
     onOverride?: (eventID: string, selectedItem: string) => void;
 };
-declare function PreviewCard({ eventID, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, date, onClickGoToSource, eventCategory, read, overrideItems, eventBadges, onOverride, }: Props$a): react_jsx_runtime.JSX.Element;
+declare function PreviewCard({ eventID, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, date, onClickGoToSource, eventCategory, read, overrideItems, eventBadges, onOverride, }: Props$9): react_jsx_runtime.JSX.Element;
 
 type NavButtonKey = "queue" | "account" | "logout";
 type NavButtonConfig$1 = {
     active?: boolean;
     onClick?: () => void;
 };
-type Props$9 = {
+type Props$8 = {
     buttons?: Partial<Record<NavButtonKey, NavButtonConfig$1>>;
 };
-declare function NavBar({ buttons }: Props$9): react_jsx_runtime.JSX.Element;
+declare function NavBar({ buttons }: Props$8): react_jsx_runtime.JSX.Element;
 
-type Props$8 = {
+type Props$7 = {
     eventType?: EventType;
     eventData?: EventGroup[];
     groupUrgency?: UrgencyLevel;
     groupUrgencyText?: string;
     groupSummary?: string;
 };
-declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$8): react_jsx_runtime.JSX.Element;
+declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$7): react_jsx_runtime.JSX.Element;
 
-type Props$7 = {
+type Props$6 = {
     subjectLine?: string;
     to?: string;
     date?: string;
@@ -125,9 +134,9 @@ type Props$7 = {
     attachments?: string;
     body?: string;
 };
-declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$7): react_jsx_runtime.JSX.Element;
+declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$6): react_jsx_runtime.JSX.Element;
 
-type Props$6 = {
+type Props$5 = {
     messages?: ChatData[];
 };
 type ChatData = {
@@ -141,9 +150,9 @@ type ChatData = {
     images?: string[];
     emojis?: string[];
 };
-declare function ChatBody({ messages }: Props$6): react_jsx_runtime.JSX.Element;
+declare function ChatBody({ messages }: Props$5): react_jsx_runtime.JSX.Element;
 
-type Props$5 = {
+type Props$4 = {
     issueNumber?: string;
     notification?: string;
     project?: string;
@@ -158,13 +167,13 @@ type Props$5 = {
     description?: string;
     comments?: TicketComment[];
 };
-declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$5): react_jsx_runtime.JSX.Element;
+declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$4): react_jsx_runtime.JSX.Element;
 
 type SearchResult = {
     label: string;
     count: number;
 };
-type Props$4 = {
+type Props$3 = {
     loading?: boolean;
     results?: SearchResult[];
     initialText?: string;
@@ -172,19 +181,19 @@ type Props$4 = {
     /** Optional debounce for onUpdate calls (ms). Defaults to 250ms. */
     debounceMs?: number;
 };
-declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$4): react_jsx_runtime.JSX.Element;
+declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$3): react_jsx_runtime.JSX.Element;
 
-type FilterButtonKey = "fires" | "insights" | "unread" | "done" | "more" | IntegrationService;
+type FilterButtonKey = FilterCategory | IntegrationService | MoreFilter;
 type NavButtonConfig = {
     active?: boolean;
     onClick?: () => void;
     disabled?: boolean;
     count?: string | number;
 };
-type Props$3 = {
+type FilterBarProps = {
     buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;
 };
-declare function FilterBar({ buttons }: Props$3): react_jsx_runtime.JSX.Element;
+declare function FilterBar({ buttons }: FilterBarProps): react_jsx_runtime.JSX.Element;
 
 type IconSize = 16 | 20 | 24 | 36;
 
@@ -339,4 +348,4 @@ type Event = {
 
 declare const fakeMessages: ChatData[];
 
-export { AccountInfoField, AccountInfoSection, AccountIntegrationCard, AccountIntegrationCardItem, type Attachment, BaseIconName, BrandIcon, type CalendarData, ChatBody, type ChatData, ColorVariants, ConfirmationModal, type ConfirmationVariant, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, type ExternalPerson, FilterBar, type FilterButtonKey, type IconSize, IntegrationService, type MessageData, Modal, NavBar, PreviewCard, SearchBar, type SearchResult, TicketBody, type TicketComment, type TicketData, UrgencyLevel, fakeMessages };
+export { AccountInfoField, AccountInfoSection, AccountIntegrationCard, AccountIntegrationCardItem, type Attachment, BaseIconName, BrandIcon, type CalendarData, ChatBody, type ChatData, ColorVariants, ConfirmationModal, type ConfirmationVariant, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, type ExternalPerson, FilterBar, type FilterButtonKey, FilterCategory, type IconSize, IntegrationService, type MessageData, Modal, MoreFilter, NavBar, PreviewCard, SearchBar, type SearchResult, TicketBody, type TicketComment, type TicketData, UrgencyLevel, fakeMessages };

package/dist/index.js

@@ -11191,8 +11191,10 @@ __export(index_exports, {
   EventState: () => EventState,
   EventType: () => EventType,
   FilterBar: () => FilterBar,
+  FilterCategory: () => FilterCategory,
   IntegrationService: () => IntegrationService,
   Modal: () => Modal,
+  MoreFilter: () => MoreFilter,
   NavBar: () => NavBar,
   PreviewCard: () => PreviewCard,
   SearchBar: () => SearchBar,
@@ -11206,17 +11208,28 @@ module.exports = __toCommonJS(index_exports);
 var import_react2 = require("react");
 
 // src/types/global.ts
-var IntegrationService = /* @__PURE__ */ ((IntegrationService5) => {
-  IntegrationService5["SLACK"] = "slack";
-  IntegrationService5["GMAIL"] = "google_mail";
-  IntegrationService5["GCAL"] = "google_calendar";
-  IntegrationService5["MSTEAMS"] = "microsoft_teams";
-  IntegrationService5["MSMAIL"] = "microsoft_mail";
-  IntegrationService5["MSCAL"] = "microsoft_calendar";
-  IntegrationService5["AJIRA"] = "atlassian_jira";
-  IntegrationService5["CLKUP"] = "clickup";
-  IntegrationService5["ASANA"] = "asana";
-  return IntegrationService5;
+var FilterCategory = /* @__PURE__ */ ((FilterCategory2) => {
+  FilterCategory2["FIRES"] = "fires";
+  FilterCategory2["INSIGHTS"] = "insights";
+  FilterCategory2["NEW"] = "new";
+  FilterCategory2["DONE"] = "done";
+  return FilterCategory2;
+})(FilterCategory || {});
+var MoreFilter = /* @__PURE__ */ ((MoreFilter3) => {
+  MoreFilter3["MORE"] = "more";
+  return MoreFilter3;
+})(MoreFilter || {});
+var IntegrationService = /* @__PURE__ */ ((IntegrationService4) => {
+  IntegrationService4["SLACK"] = "slack";
+  IntegrationService4["GMAIL"] = "google_mail";
+  IntegrationService4["GCAL"] = "google_calendar";
+  IntegrationService4["MSTEAMS"] = "microsoft_teams";
+  IntegrationService4["MSMAIL"] = "microsoft_mail";
+  IntegrationService4["MSCAL"] = "microsoft_calendar";
+  IntegrationService4["AJIRA"] = "atlassian_jira";
+  IntegrationService4["CLKUP"] = "clickup";
+  IntegrationService4["ASANA"] = "asana";
+  return IntegrationService4;
 })(IntegrationService || {});
 var BaseIconName = /* @__PURE__ */ ((BaseIconName2) => {
   BaseIconName2["SEARCH"] = "search";
@@ -17304,160 +17317,116 @@ function FilterNavButton({ icon, label, active, onClick, totalItems }) {
 
 // src/components/organisms/filter_bar/filter_bar.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
-function FilterBar({ buttons }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex h-full min-h-0 flex-col w-[54px] items-center gap-4", children: [
-    !buttons?.fires?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-      FilterNavButton,
+var CATEGORY_FILTERS = [
+  {
+    filter: "fires" /* FIRES */,
+    label: "Fires",
+    icon: (active) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FireIcon, { variant: active ? void 0 : "none" /* OUTLINED */ })
+  },
+  {
+    filter: "insights" /* INSIGHTS */,
+    label: "Q Insights",
+    icon: (active) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(InsightsIcon, { variant: active ? void 0 : "none" /* OUTLINED */ })
+  },
+  {
+    filter: "new" /* NEW */,
+    label: "Unread",
+    icon: (active) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Mail, { size: 36, fillColor: active ? "#BFF4F6" : void 0 })
+  },
+  {
+    filter: "done" /* DONE */,
+    label: "Done",
+    icon: (active) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      CheckBox,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          FireIcon,
-          {
-            variant: buttons?.fires?.active ? void 0 : "none" /* OUTLINED */
-          }
-        ),
-        label: "Fires",
-        onClick: buttons?.fires?.onClick,
-        totalItems: buttons?.fires?.count
+        size: 36,
+        color: "#000000",
+        fillColor: active ? "#E8FE99" : void 0
       }
-    ),
-    !buttons?.insights?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    )
+  }
+];
+var INTEGRATION_FILTERS = [
+  { services: ["slack" /* SLACK */], label: "Slack", icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlackIcon, {}) },
+  {
+    services: ["google_mail" /* GMAIL */],
+    label: "Gmail",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(GoogleMailIcon, {})
+  },
+  {
+    services: ["google_calendar" /* GCAL */],
+    label: "Gcal",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(GoogleCalendarIcon, {})
+  },
+  {
+    services: ["atlassian_jira" /* AJIRA */],
+    label: "Jira",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AtlassianIcon, {})
+  },
+  {
+    services: ["microsoft_teams" /* MSTEAMS */],
+    label: "Teams",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MicrosoftTeamsIcon, {})
+  },
+  {
+    services: ["microsoft_mail" /* MSMAIL */, "microsoft_calendar" /* MSCAL */],
+    label: "Outlook",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MicrosoftOutlookMailIcon, {})
+  },
+  {
+    services: ["clickup" /* CLKUP */],
+    label: "ClickUp",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ClickupIcon, {})
+  },
+  { services: ["asana" /* ASANA */], label: "Asana", icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AsanaIcon, {}) }
+];
+function FilterBar({ buttons }) {
+  const renderCategoryButton = ({ filter, label, icon }) => {
+    const config = buttons?.[filter];
+    if (config?.disabled) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       FilterNavButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          InsightsIcon,
-          {
-            variant: buttons?.insights?.active ? void 0 : "none" /* OUTLINED */
-          }
-        ),
-        label: "Q Insights",
-        onClick: buttons?.insights?.onClick,
-        totalItems: buttons?.insights?.count
-      }
-    ),
-    !buttons?.unread?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        icon: icon(config?.active),
+        label,
+        onClick: config?.onClick,
+        totalItems: config?.count
+      },
+      filter
+    );
+  };
+  const renderIntegrationButton = ({
+    services,
+    label,
+    icon
+  }) => {
+    const configs = services.map((service) => buttons?.[service]);
+    const allDisabled = configs.every((c) => c?.disabled);
+    if (allDisabled) return null;
+    const anyActive = configs.some((c) => c?.active);
+    const onClick = configs.find((c) => c?.onClick)?.onClick;
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       FilterNavButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          Mail,
-          {
-            size: 36,
-            fillColor: buttons?.unread?.active ? "#BFF4F6" : void 0
-          }
-        ),
-        label: "Unread",
-        onClick: buttons?.unread?.onClick,
-        totalItems: buttons?.unread?.count
-      }
-    ),
-    !buttons?.done?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: anyActive ? "" : "grayscale", children: icon }),
+        label,
+        onClick
+      },
+      services.join("-")
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex h-full w-[54px] min-h-0 flex-col items-center gap-4", children: [
+    CATEGORY_FILTERS.map(renderCategoryButton),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-1 w-full min-h-0 min-w-[58px] overflow-y-auto flex flex-col items-center gap-4 overscroll-contain", children: INTEGRATION_FILTERS.map(renderIntegrationButton) }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       FilterNavButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          CheckBox,
-          {
-            size: 36,
-            color: "#000000",
-            fillColor: buttons?.done?.active ? "#E8FE99" : void 0
-          }
-        ),
-        label: "Done",
-        onClick: buttons?.done?.onClick,
-        totalItems: buttons?.done?.count
+        icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PlusLarge, { size: 36 }),
+        onClick: buttons?.more?.onClick
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex-1 min-h-0 w-full overflow-y-auto flex flex-col gap-4 overscroll-contain items-center min-w-[58px]", children: [
-      !buttons?.slack?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlackIcon, {}) }),
-          label: "slack",
-          onClick: buttons?.slack?.onClick
-        }
-      ),
-      !buttons?.google_mail?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(GoogleMailIcon, {}) }),
-          label: "Gmail",
-          onClick: buttons?.google_mail?.onClick
-        }
-      ),
-      !buttons?.google_calendar?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            "div",
-            {
-              className: buttons?.google_calendar?.active ? "" : "grayscale",
-              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(GoogleCalendarIcon, {})
-            }
-          ),
-          label: "Gcal",
-          onClick: buttons?.google_calendar?.onClick
-        }
-      ),
-      !buttons?.atlassian_jira?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            "div",
-            {
-              className: buttons?.atlassian_jira?.active ? "" : "grayscale",
-              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AtlassianIcon, {})
-            }
-          ),
-          label: "Jira",
-          onClick: buttons?.atlassian_jira?.onClick
-        }
-      ),
-      !buttons?.microsoft_teams?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            "div",
-            {
-              className: buttons?.microsoft_teams?.active ? "" : "grayscale",
-              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MicrosoftTeamsIcon, {})
-            }
-          ),
-          label: "Teams",
-          onClick: buttons?.microsoft_teams?.onClick
-        }
-      ),
-      !(buttons?.microsoft_mail?.disabled && buttons?.microsoft_calendar?.disabled) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-            "div",
-            {
-              className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
-              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MicrosoftOutlookMailIcon, {})
-            }
-          ),
-          label: "Outlook",
-          onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
-        }
-      ),
-      !buttons?.clickup?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: buttons?.clickup?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ClickupIcon, {}) }),
-          label: "ClickUp",
-          onClick: buttons?.clickup?.onClick
-        }
-      ),
-      !buttons?.asana?.disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: buttons?.asana?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AsanaIcon, {}) }),
-          label: "Asana",
-          onClick: buttons?.asana?.onClick
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FilterNavButton, { icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PlusLarge, { size: 36 }) }) })
+    )
   ] });
 }
 
@@ -17817,8 +17786,10 @@ This is a *markdown* **example**.
   EventState,
   EventType,
   FilterBar,
+  FilterCategory,
   IntegrationService,
   Modal,
+  MoreFilter,
   NavBar,
   PreviewCard,
   SearchBar,