@activecollab/components 2.0.307 → 2.0.309

package/dist/esm/presentation/shared/TaskOptionsMenu.js

@@ -0,0 +1,119 @@
+import React, { useCallback, useState } from "react";
+import styled from "styled-components";
+import { Checkbox } from "../../components/Checkbox";
+import { IconButton } from "../../components/IconButton";
+import { ArrowRightIcon, CopyIcon, DuplicateIcon, EditIcon, RecurringCheckmarkIcon, TaskListCompleteIcon, TrashIcon, TreeDotsIcon } from "../../components/Icons";
+import { List, ListItem, ListSeparator } from "../../components/List";
+import { Menu } from "../../components/Menu";
+import { Tooltip } from "../../components/Tooltip";
+
+/* Task three-dot options menu — same component as the real TaskItem
+   (Menu in "normal" mode = 260px, List/ListItem + TreeDots target), shared by
+   the List view and Column view presentations. Spacing is styled-components
+   (this Storybook has no runtime Tailwind). Clicks are intentionally no-ops. */
+const StyledTaskMenu = styled.div.withConfig({
+  displayName: "TaskOptionsMenu__StyledTaskMenu",
+  componentId: "sc-1hrykzg-0"
+})([".menu-list{padding:8px 0;}.menu-item{justify-content:space-between;}.menu-item .label{min-width:0;padding-right:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.menu-bottom{display:flex;justify-content:space-between;padding:0 16px;margin:16px 0 12px;}"]);
+const MENU_PICKER_ITEMS = ["Task List", "Assignees", "Due Date", "Label", "Estimate"];
+export const TaskOptionsMenu = _ref => {
+  let targetClassName = _ref.targetClassName,
+    size = _ref.size;
+  const _useState = useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  const handleOpen = useCallback(() => setOpen(true), []);
+  const handleClose = useCallback(() => setOpen(false), []);
+  const triggerClassName = [targetClassName, open ? "open" : ""].filter(Boolean).join(" ") || undefined;
+  return /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    position: "bottom-end",
+    target: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: size,
+      className: triggerClassName,
+      active: open
+    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
+  }, /*#__PURE__*/React.createElement(StyledTaskMenu, null, /*#__PURE__*/React.createElement(List, {
+    className: "menu-list",
+    tabIndex: 0
+  }, MENU_PICKER_ITEMS.map(name => /*#__PURE__*/React.createElement(ListItem, {
+    key: name,
+    className: "menu-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "label"
+  }, name), /*#__PURE__*/React.createElement(ArrowRightIcon, null))), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, {
+    className: "menu-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "label"
+  }, "Hidden from clients"), /*#__PURE__*/React.createElement(Checkbox, {
+    id: "task-menu-hidden-from-clients",
+    onChange: () => undefined
+  })), /*#__PURE__*/React.createElement(ListItem, {
+    className: "menu-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "label"
+  }, "High priority"), /*#__PURE__*/React.createElement(Checkbox, {
+    id: "task-menu-high-priority",
+    onChange: () => undefined
+  })), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement("div", {
+    className: "menu-bottom"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Edit"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    type: "button",
+    variant: "text gray"
+  }, /*#__PURE__*/React.createElement(EditIcon, null))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Duplicate"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    type: "button",
+    variant: "text gray"
+  }, /*#__PURE__*/React.createElement(DuplicateIcon, null))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Create Recurring Task"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    type: "button",
+    variant: "text gray"
+  }, /*#__PURE__*/React.createElement(RecurringCheckmarkIcon, null))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Delete"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    type: "button",
+    variant: "text gray"
+  }, /*#__PURE__*/React.createElement(TrashIcon, null)))))));
+};
+TaskOptionsMenu.displayName = "TaskOptionsMenu";
+/* Task-LIST three-dot menu (Menu + List with leading-icon items) — same
+   options as the real TaskListOptions. Shared by List & Column views.
+   Clicks are intentionally no-ops. */
+export const TaskListOptionsMenu = _ref2 => {
+  let targetClassName = _ref2.targetClassName,
+    size = _ref2.size;
+  const _useState2 = useState(false),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const handleOpen = useCallback(() => setOpen(true), []);
+  const handleClose = useCallback(() => setOpen(false), []);
+  const triggerClassName = [targetClassName, open ? "open" : ""].filter(Boolean).join(" ") || undefined;
+  return /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    position: "bottom-end",
+    target: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: size,
+      className: triggerClassName,
+      active: open
+    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
+  }, /*#__PURE__*/React.createElement(List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(EditIcon, null), "Rename"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(DuplicateIcon, null), "Duplicate"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(CopyIcon, null), "Move/Copy to Project"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(TaskListCompleteIcon, null), "Complete"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(TrashIcon, null), "Delete")));
+};
+TaskListOptionsMenu.displayName = "TaskListOptionsMenu";
+//# sourceMappingURL=TaskOptionsMenu.js.map

package/dist/esm/presentation/shared/TaskOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskOptionsMenu.js","names":["React","useCallback","useState","styled","Checkbox","IconButton","ArrowRightIcon","CopyIcon","DuplicateIcon","EditIcon","RecurringCheckmarkIcon","TaskListCompleteIcon","TrashIcon","TreeDotsIcon","List","ListItem","ListSeparator","Menu","Tooltip","StyledTaskMenu","div","withConfig","displayName","componentId","MENU_PICKER_ITEMS","TaskOptionsMenu","_ref","targetClassName","size","_useState","open","setOpen","handleOpen","handleClose","triggerClassName","filter","Boolean","join","undefined","createElement","onOpen","onClose","position","target","type","variant","className","active","tabIndex","map","name","key","id","onChange","title","TaskListOptionsMenu","_ref2","_useState2","style","padding"],"sources":["../../../../src/presentation/shared/TaskOptionsMenu.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Checkbox } from \"../../components/Checkbox\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArrowRightIcon,\n  CopyIcon,\n  DuplicateIcon,\n  EditIcon,\n  RecurringCheckmarkIcon,\n  TaskListCompleteIcon,\n  TrashIcon,\n  TreeDotsIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem, ListSeparator } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\nimport { Tooltip } from \"../../components/Tooltip\";\n\n/* Task three-dot options menu — same component as the real TaskItem\n   (Menu in \"normal\" mode = 260px, List/ListItem + TreeDots target), shared by\n   the List view and Column view presentations. Spacing is styled-components\n   (this Storybook has no runtime Tailwind). Clicks are intentionally no-ops. */\nconst StyledTaskMenu = styled.div`\n  /* no width — fills the 260px Menu bubble */\n\n  .menu-list {\n    padding: 8px 0;\n  }\n\n  /* text on the left, control (arrow / checkbox) on the right */\n  .menu-item {\n    justify-content: space-between;\n  }\n\n  .menu-item .label {\n    min-width: 0;\n    padding-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  /* bottom action icons: same horizontal padding as a list item (0 1rem),\n     spread evenly */\n  .menu-bottom {\n    display: flex;\n    justify-content: space-between;\n    padding: 0 16px;\n    margin: 16px 0 12px;\n  }\n`;\n\nconst MENU_PICKER_ITEMS = [\n  \"Task List\",\n  \"Assignees\",\n  \"Due Date\",\n  \"Label\",\n  \"Estimate\",\n];\n\nexport interface TaskOptionsMenuProps {\n  /** Class on the TreeDots trigger (parent controls its hover visibility). */\n  targetClassName?: string;\n  /** IconButton size of the trigger (omit for the default/regular size). */\n  size?: \"small\" | \"big\";\n}\n\nexport const TaskOptionsMenu = ({\n  targetClassName,\n  size,\n}: TaskOptionsMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const handleOpen = useCallback(() => setOpen(true), []);\n  const handleClose = useCallback(() => setOpen(false), []);\n\n  const triggerClassName =\n    [targetClassName, open ? \"open\" : \"\"].filter(Boolean).join(\" \") ||\n    undefined;\n\n  return (\n    <Menu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position=\"bottom-end\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"text gray\"\n          size={size}\n          className={triggerClassName}\n          active={open}\n        >\n          <TreeDotsIcon />\n        </IconButton>\n      }\n    >\n      <StyledTaskMenu>\n        <List className=\"menu-list\" tabIndex={0}>\n          {MENU_PICKER_ITEMS.map((name) => (\n            <ListItem key={name} className=\"menu-item\">\n              <div className=\"label\">{name}</div>\n              <ArrowRightIcon />\n            </ListItem>\n          ))}\n          <ListSeparator />\n          <ListItem className=\"menu-item\">\n            <div className=\"label\">Hidden from clients</div>\n            <Checkbox\n              id=\"task-menu-hidden-from-clients\"\n              onChange={() => undefined}\n            />\n          </ListItem>\n          <ListItem className=\"menu-item\">\n            <div className=\"label\">High priority</div>\n            <Checkbox id=\"task-menu-high-priority\" onChange={() => undefined} />\n          </ListItem>\n          <ListSeparator />\n          <div className=\"menu-bottom\">\n            <Tooltip title=\"Edit\">\n              <IconButton type=\"button\" variant=\"text gray\">\n                <EditIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Duplicate\">\n              <IconButton type=\"button\" variant=\"text gray\">\n                <DuplicateIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Create Recurring Task\">\n              <IconButton type=\"button\" variant=\"text gray\">\n                <RecurringCheckmarkIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Delete\">\n              <IconButton type=\"button\" variant=\"text gray\">\n                <TrashIcon />\n              </IconButton>\n            </Tooltip>\n          </div>\n        </List>\n      </StyledTaskMenu>\n    </Menu>\n  );\n};\n\nTaskOptionsMenu.displayName = \"TaskOptionsMenu\";\n\nexport interface TaskListOptionsMenuProps {\n  /** Class on the TreeDots trigger (parent controls its hover visibility). */\n  targetClassName?: string;\n  /** IconButton size of the trigger (omit for the default/regular size). */\n  size?: \"small\" | \"big\";\n}\n\n/* Task-LIST three-dot menu (Menu + List with leading-icon items) — same\n   options as the real TaskListOptions. Shared by List & Column views.\n   Clicks are intentionally no-ops. */\nexport const TaskListOptionsMenu = ({\n  targetClassName,\n  size,\n}: TaskListOptionsMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const handleOpen = useCallback(() => setOpen(true), []);\n  const handleClose = useCallback(() => setOpen(false), []);\n\n  const triggerClassName =\n    [targetClassName, open ? \"open\" : \"\"].filter(Boolean).join(\" \") ||\n    undefined;\n\n  return (\n    <Menu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position=\"bottom-end\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"text gray\"\n          size={size}\n          className={triggerClassName}\n          active={open}\n        >\n          <TreeDotsIcon />\n        </IconButton>\n      }\n    >\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        <ListItem>\n          <EditIcon />\n          Rename\n        </ListItem>\n        <ListItem>\n          <DuplicateIcon />\n          Duplicate\n        </ListItem>\n        <ListItem>\n          <CopyIcon />\n          Move/Copy to Project\n        </ListItem>\n        <ListItem>\n          <TaskListCompleteIcon />\n          Complete\n        </ListItem>\n        <ListSeparator />\n        <ListItem>\n          <TrashIcon />\n          Delete\n        </ListItem>\n      </List>\n    </Menu>\n  );\n};\n\nTaskListOptionsMenu.displayName = \"TaskListOptionsMenu\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/shared/headers.d.ts

@@ -0,0 +1,28 @@
+import { ReactElement, ReactNode } from "react";
+export interface PageHeaderProps {
+    title: string;
+    children?: ReactNode;
+}
+/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */
+export declare const PageHeader: {
+    ({ title, children, }: PageHeaderProps): ReactElement;
+    displayName: string;
+};
+export interface ProjectPageHeaderProps {
+    title?: string;
+}
+/** The project page header: back arrow, title, progress, info, people, options. */
+export declare const ProjectPageHeader: {
+    ({ title, }: ProjectPageHeaderProps): ReactElement;
+    displayName: string;
+};
+export interface TabHeaderProps {
+    /** Which view-mode toggle is highlighted as active. */
+    activeView?: "list" | "column" | "timeline";
+}
+/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
+export declare const TabHeader: {
+    ({ activeView, }: TabHeaderProps): ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=headers.d.ts.map

package/dist/esm/presentation/shared/headers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/headers.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAqHjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU;2BAGpB,eAAe,GAAG,YAAY;;CAShC,CAAC;AA8GF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB;iBAE3B,sBAAsB,GAAG,YAAY;;CAkCvC,CAAC;AAsCF,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,wEAAwE;AACxE,eAAO,MAAM,SAAS;sBAEnB,cAAc,GAAG,YAAY;;CA8C/B,CAAC"}

package/dist/esm/presentation/shared/headers.js

@@ -0,0 +1,194 @@
+import React, { useState } from "react";
+import styled from "styled-components";
+import { MD, SM } from "./tokens";
+import { Button } from "../../components/Button";
+import { GlobalAddButton } from "../../components/Button/GlobalAddButton";
+import { Checkbox } from "../../components/Checkbox";
+import { CounterButton } from "../../components/CounterButton";
+import { Header } from "../../components/Header";
+import { IconButton } from "../../components/IconButton";
+import { ArrowLeftIcon, CheckboxBlankTogglerIcon, DuplicateIcon, EditIcon, EditMultipleIcon, FilterIcon, InfoIcon, InsertLinkIcon, LabelsIcon, NotificationBellIcon, PeopleIcon, ProjectTemplateConvertIcon, ProjectTemplateIcon, StarIcon, TrashIcon, TreeDotsIcon, ViewListIcon, ViewTimelineIcon } from "../../components/Icons";
+import { List, ListItem, ListSeparator } from "../../components/List";
+import { Menu } from "../../components/Menu";
+import { Item, Nav } from "../../components/Nav";
+import { ProgressPie } from "../../components/ProgressPie";
+import { Tooltip } from "../../components/Tooltip";
+import { Body2, Header2, Title2 } from "../../components/Typography";
+
+/* ------------------------------------------------------------------ */
+/* Page header row (mirrors PageHeader.jsx)                            */
+/* ------------------------------------------------------------------ */
+
+const StyledPageHeader = styled.div.withConfig({
+  displayName: "headers__StyledPageHeader",
+  componentId: "sc-yf6o6n-0"
+})(["display:flex;align-items:center;justify-content:space-between;margin:12px 0;width:100%;height:40px;flex-shrink:0;.page-header-left{display:flex;align-items:center;width:100%;max-width:100%;@media (min-width:", "){min-width:0;}}.back-button{flex-shrink:0;margin-right:4px;@media (min-width:", "){margin-right:8px;}}.page-title-desktop{display:none;margin-right:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;@media (min-width:", "){display:block;}}.page-title-mobile{display:block;margin-right:8px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;@media (min-width:", "){display:none;}}.page-header-children{flex-shrink:0;display:flex;align-items:center;}.page-header-spacer{display:none;height:100%;width:208px;flex-shrink:0;@media (min-width:", "){display:flex;}}"], SM, MD, MD, MD, SM);
+/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */
+export const PageHeader = _ref => {
+  let title = _ref.title,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(StyledPageHeader, null, /*#__PURE__*/React.createElement("div", {
+    className: "page-header-left"
+  }, /*#__PURE__*/React.createElement(Title2, {
+    className: "page-title-desktop"
+  }, title), /*#__PURE__*/React.createElement(Header2, {
+    className: "page-title-mobile"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "page-header-children"
+  }, children)), /*#__PURE__*/React.createElement("div", {
+    className: "page-header-spacer"
+  }));
+};
+PageHeader.displayName = "PageHeader";
+
+/* ------------------------------------------------------------------ */
+/* Project page header (mirrors ProjectPage.js Page.Header children)   */
+/* ------------------------------------------------------------------ */
+
+const StyledProjectHeaderChildren = styled.div.withConfig({
+  displayName: "headers__StyledProjectHeaderChildren",
+  componentId: "sc-yf6o6n-1"
+})(["display:flex;align-items:center;gap:8px;.project-progress{display:flex;align-items:center;margin-left:4px;}"]);
+
+/* Project "..." options menu (Menu + List with leading-icon items). Two items
+   (Favorite, Subscribe) have a checkbox on the right. Clicks are no-ops. */
+const StyledProjectMenu = styled.div.withConfig({
+  displayName: "headers__StyledProjectMenu",
+  componentId: "sc-yf6o6n-2"
+})([".toggle-item{justify-content:space-between;}.toggle-item .opt-left{display:flex;align-items:center;min-width:0;}.toggle-item .opt-left svg{margin-right:8px;flex-shrink:0;}"]);
+const ProjectOptionsMenu = () => {
+  const _useState = useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  return /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: () => setOpen(true),
+    onClose: () => setOpen(false),
+    position: "bottom-end",
+    target: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      active: open
+    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
+  }, /*#__PURE__*/React.createElement(StyledProjectMenu, null, /*#__PURE__*/React.createElement(List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(EditIcon, null), "Edit"), /*#__PURE__*/React.createElement(ListItem, {
+    className: "toggle-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "opt-left"
+  }, /*#__PURE__*/React.createElement(StarIcon, null), "Mark as Favorite"), /*#__PURE__*/React.createElement(Checkbox, {
+    id: "proj-favorite",
+    onChange: () => undefined
+  })), /*#__PURE__*/React.createElement(ListItem, {
+    className: "toggle-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "opt-left"
+  }, /*#__PURE__*/React.createElement(NotificationBellIcon, null), "Subscribe to Everything"), /*#__PURE__*/React.createElement(Checkbox, {
+    id: "proj-subscribe",
+    onChange: () => undefined
+  })), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(LabelsIcon, null), "Manage Task Labels"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(InsertLinkIcon, null), "Copy Link"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(CheckboxBlankTogglerIcon, null), "Complete"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(DuplicateIcon, null), "Duplicate"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ProjectTemplateIcon, null), "Apply Template"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ProjectTemplateConvertIcon, null), "Convert to Template"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(TrashIcon, null), "Delete"))));
+};
+/** The project page header: back arrow, title, progress, info, people, options. */
+export const ProjectPageHeader = _ref2 => {
+  let _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? "#131: Ime projekta" : _ref2$title;
+  return /*#__PURE__*/React.createElement(StyledPageHeader, null, /*#__PURE__*/React.createElement("div", {
+    className: "page-header-left"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "text gray",
+    className: "back-button"
+  }, /*#__PURE__*/React.createElement(ArrowLeftIcon, null)), /*#__PURE__*/React.createElement(Title2, {
+    className: "page-title-desktop"
+  }, title), /*#__PURE__*/React.createElement(Header2, {
+    className: "page-title-mobile"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "page-header-children"
+  }, /*#__PURE__*/React.createElement(StyledProjectHeaderChildren, null, /*#__PURE__*/React.createElement("span", {
+    className: "project-progress"
+  }, /*#__PURE__*/React.createElement(ProgressPie, {
+    radius: 11,
+    progress: 64,
+    progressColor: "var(--color-secondary)",
+    backgroundColor: "var(--color-theme-300)"
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Project Info"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "text gray"
+  }, /*#__PURE__*/React.createElement(InfoIcon, null))), /*#__PURE__*/React.createElement(CounterButton, {
+    label: "5",
+    icon: /*#__PURE__*/React.createElement(PeopleIcon, null),
+    onClearAll: () => undefined
+  }), /*#__PURE__*/React.createElement(ProjectOptionsMenu, null)))), /*#__PURE__*/React.createElement("div", {
+    className: "page-header-spacer"
+  }));
+};
+ProjectPageHeader.displayName = "ProjectPageHeader";
+
+/* ------------------------------------------------------------------ */
+/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */
+/* ------------------------------------------------------------------ */
+
+const NAV_TABS = ["Tasks", "Discussions", "Files", "Notes", "Activity"];
+const StyledTabHeader = styled(Header).withConfig({
+  displayName: "headers__StyledTabHeader",
+  componentId: "sc-yf6o6n-3"
+})(["justify-content:space-between;align-items:center;margin-bottom:16px;min-height:64px;flex-shrink:0;"]);
+const StyledTabControls = styled.div.withConfig({
+  displayName: "headers__StyledTabControls",
+  componentId: "sc-yf6o6n-4"
+})(["display:flex;align-items:center;flex-shrink:0;gap:4px;.vertical-separator{width:1px;height:24px;background-color:var(--color-theme-400);margin:0 8px;}.filter-button{display:flex;align-items:center;gap:6px;}"]);
+/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
+export const TabHeader = _ref3 => {
+  let _ref3$activeView = _ref3.activeView,
+    activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView;
+  const _useState2 = useState(0),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  return /*#__PURE__*/React.createElement(StyledTabHeader, null, /*#__PURE__*/React.createElement(Nav, {
+    onSelect: setActive
+  }, NAV_TABS.map((label, index) => /*#__PURE__*/React.createElement(Item, {
+    active: index === active,
+    key: label,
+    name: label
+  }, /*#__PURE__*/React.createElement(Body2, {
+    color: "secondary",
+    weight: "medium"
+  }, label)))), /*#__PURE__*/React.createElement(StyledTabControls, null, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Batch Edit"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "text gray"
+  }, /*#__PURE__*/React.createElement(EditMultipleIcon, null))), /*#__PURE__*/React.createElement("span", {
+    className: "vertical-separator"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "text gray",
+    className: "filter-button"
+  }, /*#__PURE__*/React.createElement(FilterIcon, null), "Filter"), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "List view"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "text gray",
+    active: activeView === "list"
+  }, /*#__PURE__*/React.createElement(ViewListIcon, null))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Column view"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "text gray",
+    active: activeView === "column"
+  }, /*#__PURE__*/React.createElement(ViewListIcon, {
+    style: {
+      transform: "rotate(90deg)"
+    }
+  }))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Timeline view"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    variant: "text gray",
+    active: activeView === "timeline"
+  }, /*#__PURE__*/React.createElement(ViewTimelineIcon, null))), /*#__PURE__*/React.createElement("span", {
+    className: "vertical-separator"
+  }), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Add New"
+  }, /*#__PURE__*/React.createElement(GlobalAddButton, null))));
+};
+TabHeader.displayName = "TabHeader";
+//# sourceMappingURL=headers.js.map

package/dist/esm/presentation/shared/headers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.js","names":["React","useState","styled","MD","SM","Button","GlobalAddButton","Checkbox","CounterButton","Header","IconButton","ArrowLeftIcon","CheckboxBlankTogglerIcon","DuplicateIcon","EditIcon","EditMultipleIcon","FilterIcon","InfoIcon","InsertLinkIcon","LabelsIcon","NotificationBellIcon","PeopleIcon","ProjectTemplateConvertIcon","ProjectTemplateIcon","StarIcon","TrashIcon","TreeDotsIcon","ViewListIcon","ViewTimelineIcon","List","ListItem","ListSeparator","Menu","Item","Nav","ProgressPie","Tooltip","Body2","Header2","Title2","StyledPageHeader","div","withConfig","displayName","componentId","PageHeader","_ref","title","children","createElement","className","StyledProjectHeaderChildren","StyledProjectMenu","ProjectOptionsMenu","_useState","open","setOpen","onOpen","onClose","position","target","type","variant","active","style","padding","tabIndex","id","onChange","undefined","ProjectPageHeader","_ref2","_ref2$title","radius","progress","progressColor","backgroundColor","label","icon","onClearAll","NAV_TABS","StyledTabHeader","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_useState2","setActive","onSelect","map","index","key","name","color","weight","transform"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { MD, SM } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { Checkbox } from \"../../components/Checkbox\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArrowLeftIcon,\n  CheckboxBlankTogglerIcon,\n  DuplicateIcon,\n  EditIcon,\n  EditMultipleIcon,\n  FilterIcon,\n  InfoIcon,\n  InsertLinkIcon,\n  LabelsIcon,\n  NotificationBellIcon,\n  PeopleIcon,\n  ProjectTemplateConvertIcon,\n  ProjectTemplateIcon,\n  StarIcon,\n  TrashIcon,\n  TreeDotsIcon,\n  ViewListIcon,\n  ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem, ListSeparator } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Header2, Title2 } from \"../../components/Typography\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx)                            */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 12px 0;\n  width: 100%;\n  height: 40px;\n  flex-shrink: 0;\n\n  .page-header-left {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n\n    @media (min-width: ${SM}) {\n      min-width: 0;\n    }\n  }\n\n  /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n  .back-button {\n    flex-shrink: 0;\n    margin-right: 4px;\n\n    @media (min-width: ${MD}) {\n      margin-right: 8px;\n    }\n  }\n\n  .page-title-desktop {\n    display: none;\n    margin-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: block;\n    }\n  }\n\n  .page-title-mobile {\n    display: block;\n    margin-right: 8px;\n    font-weight: 300;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: none;\n    }\n  }\n\n  .page-header-children {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  /* spacer that keeps the header clear of the absolutely positioned\n     top-right controls, same as in the app (tw-w-52) */\n  .page-header-spacer {\n    display: none;\n    height: 100%;\n    width: 208px;\n    flex-shrink: 0;\n\n    @media (min-width: ${SM}) {\n      display: flex;\n    }\n  }\n`;\n\nexport interface PageHeaderProps {\n  title: string;\n  children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n  title,\n  children,\n}: PageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">{children}</div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children)   */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  .project-progress {\n    display: flex;\n    align-items: center;\n    margin-left: 4px;\n  }\n`;\n\n/* Project \"...\" options menu (Menu + List with leading-icon items). Two items\n   (Favorite, Subscribe) have a checkbox on the right. Clicks are no-ops. */\nconst StyledProjectMenu = styled.div`\n  .toggle-item {\n    justify-content: space-between;\n  }\n\n  .toggle-item .opt-left {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  .toggle-item .opt-left svg {\n    margin-right: 8px;\n    flex-shrink: 0;\n  }\n`;\n\nconst ProjectOptionsMenu = (): ReactElement => {\n  const [open, setOpen] = useState(false);\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-end\"\n      target={\n        <IconButton type=\"button\" variant=\"text gray\" active={open}>\n          <TreeDotsIcon />\n        </IconButton>\n      }\n    >\n      <StyledProjectMenu>\n        <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n          <ListItem>\n            <EditIcon />\n            Edit\n          </ListItem>\n          <ListItem className=\"toggle-item\">\n            <span className=\"opt-left\">\n              <StarIcon />\n              Mark as Favorite\n            </span>\n            <Checkbox id=\"proj-favorite\" onChange={() => undefined} />\n          </ListItem>\n          <ListItem className=\"toggle-item\">\n            <span className=\"opt-left\">\n              <NotificationBellIcon />\n              Subscribe to Everything\n            </span>\n            <Checkbox id=\"proj-subscribe\" onChange={() => undefined} />\n          </ListItem>\n          <ListItem>\n            <LabelsIcon />\n            Manage Task Labels\n          </ListItem>\n          <ListItem>\n            <InsertLinkIcon />\n            Copy Link\n          </ListItem>\n          <ListSeparator />\n          <ListItem>\n            <CheckboxBlankTogglerIcon />\n            Complete\n          </ListItem>\n          <ListSeparator />\n          <ListItem>\n            <DuplicateIcon />\n            Duplicate\n          </ListItem>\n          <ListItem>\n            <ProjectTemplateIcon />\n            Apply Template\n          </ListItem>\n          <ListItem>\n            <ProjectTemplateConvertIcon />\n            Convert to Template\n          </ListItem>\n          <ListSeparator />\n          <ListItem>\n            <TrashIcon />\n            Delete\n          </ListItem>\n        </List>\n      </StyledProjectMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectPageHeaderProps {\n  title?: string;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n  title = \"#131: Ime projekta\",\n}: ProjectPageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <IconButton variant=\"text gray\" className=\"back-button\">\n        <ArrowLeftIcon />\n      </IconButton>\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">\n        <StyledProjectHeaderChildren>\n          <span className=\"project-progress\">\n            <ProgressPie\n              radius={11}\n              progress={64}\n              progressColor=\"var(--color-secondary)\"\n              backgroundColor=\"var(--color-theme-300)\"\n            />\n          </span>\n          <Tooltip title=\"Project Info\">\n            <IconButton variant=\"text gray\">\n              <InfoIcon />\n            </IconButton>\n          </Tooltip>\n          <CounterButton\n            label=\"5\"\n            icon={<PeopleIcon />}\n            onClearAll={() => undefined}\n          />\n          <ProjectOptionsMenu />\n        </StyledProjectHeaderChildren>\n      </div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  min-height: 64px;\n  flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 4px;\n\n  .vertical-separator {\n    width: 1px;\n    height: 24px;\n    background-color: var(--color-theme-400);\n    margin: 0 8px;\n  }\n\n  .filter-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n`;\n\nexport interface TabHeaderProps {\n  /** Which view-mode toggle is highlighted as active. */\n  activeView?: \"list\" | \"column\" | \"timeline\";\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n  activeView = \"list\",\n}: TabHeaderProps): ReactElement => {\n  const [active, setActive] = useState(0);\n  return (\n    <StyledTabHeader>\n      <Nav onSelect={setActive}>\n        {NAV_TABS.map((label, index) => (\n          <Item active={index === active} key={label} name={label}>\n            <Body2 color=\"secondary\" weight=\"medium\">\n              {label}\n            </Body2>\n          </Item>\n        ))}\n      </Nav>\n      <StyledTabControls>\n        <Tooltip title=\"Batch Edit\">\n          <IconButton variant=\"text gray\">\n            <EditMultipleIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Button variant=\"text gray\" className=\"filter-button\">\n          <FilterIcon />\n          Filter\n        </Button>\n        <Tooltip title=\"List view\">\n          <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n            <ViewListIcon />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Column view\">\n          <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n            <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Timeline view\">\n          <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n            <ViewTimelineIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Tooltip title=\"Add New\">\n          <GlobalAddButton />\n        </Tooltip>\n      </StyledTabControls>\n    </StyledTabHeader>\n  );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/shared/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Shared building blocks for the Presentation mock-ups (`Presentation/*`
+ * stories). The application shell, page headers, tab bar and small widgets are
+ * defined once here and reused by the List view, Column view, Task sheet and
+ * empty-page stories so the chrome stays identical and in one place.
+ */
+export * from "./tokens";
+export { MainLogo } from "./MainLogo";
+export { RoundAvatar } from "./RoundAvatar";
+export { PresentationShell, StyledPagePaper } from "./PresentationShell";
+export type { PresentationShellProps } from "./PresentationShell";
+export { PageHeader, ProjectPageHeader, TabHeader } from "./headers";
+export type { PageHeaderProps, ProjectPageHeaderProps, TabHeaderProps, } from "./headers";
+export { FloatingControls } from "./FloatingControls";
+export { TaskOptionsMenu, TaskListOptionsMenu } from "./TaskOptionsMenu";
+export type { TaskOptionsMenuProps, TaskListOptionsMenuProps, } from "./TaskOptionsMenu";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/presentation/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACrE,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC"}

package/dist/esm/presentation/shared/index.js

@@ -0,0 +1,14 @@
+/**
+ * Shared building blocks for the Presentation mock-ups (`Presentation/*`
+ * stories). The application shell, page headers, tab bar and small widgets are
+ * defined once here and reused by the List view, Column view, Task sheet and
+ * empty-page stories so the chrome stays identical and in one place.
+ */
+export * from "./tokens";
+export { MainLogo } from "./MainLogo";
+export { RoundAvatar } from "./RoundAvatar";
+export { PresentationShell, StyledPagePaper } from "./PresentationShell";
+export { PageHeader, ProjectPageHeader, TabHeader } from "./headers";
+export { FloatingControls } from "./FloatingControls";
+export { TaskOptionsMenu, TaskListOptionsMenu } from "./TaskOptionsMenu";
+//# sourceMappingURL=index.js.map

package/dist/esm/presentation/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["MainLogo","RoundAvatar","PresentationShell","StyledPagePaper","PageHeader","ProjectPageHeader","TabHeader","FloatingControls","TaskOptionsMenu","TaskListOptionsMenu"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,UAAU;AACxB,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,qBAAqB;AAExE,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,SAAS,QAAQ,WAAW;AAMpE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,mBAAmB","ignoreList":[]}

package/dist/esm/presentation/shared/tokens.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Shared constants for the Presentation mock-ups.
+ *
+ * Breakpoints mirror new-activecollab-front (Tailwind sm / md / lg / xl).
+ */
+export declare const BREAKPOINT = 640;
+export declare const SM = "640px";
+export declare const MD = "768px";
+export declare const LG = "1024px";
+export declare const XL = "1280px";
+export declare const TRANSITION = "200ms ease";
+/** Mock avatar background colours (stand-ins for real user avatars). */
+export declare const AVATAR_COLORS: {
+    yellow: string;
+    purple: string;
+    blue: string;
+    orange: string;
+    green: string;
+    teal: string;
+};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/esm/presentation/shared/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/tokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,UAAU,MAAM,CAAC;AAC9B,eAAO,MAAM,EAAE,UAAU,CAAC;AAC1B,eAAO,MAAM,EAAE,UAAU,CAAC;AAC1B,eAAO,MAAM,EAAE,WAAW,CAAC;AAC3B,eAAO,MAAM,EAAE,WAAW,CAAC;AAC3B,eAAO,MAAM,UAAU,eAAe,CAAC;AAEvC,wEAAwE;AACxE,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC"}

package/dist/esm/presentation/shared/tokens.js

@@ -0,0 +1,22 @@
+/**
+ * Shared constants for the Presentation mock-ups.
+ *
+ * Breakpoints mirror new-activecollab-front (Tailwind sm / md / lg / xl).
+ */
+export const BREAKPOINT = 640;
+export const SM = "640px";
+export const MD = "768px";
+export const LG = "1024px";
+export const XL = "1280px";
+export const TRANSITION = "200ms ease";
+
+/** Mock avatar background colours (stand-ins for real user avatars). */
+export const AVATAR_COLORS = {
+  yellow: "#F5B041",
+  purple: "#A569BD",
+  blue: "#5499C7",
+  orange: "#E67E22",
+  green: "#32B370",
+  teal: "#48C9B0"
+};
+//# sourceMappingURL=tokens.js.map

package/dist/esm/presentation/shared/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":["BREAKPOINT","SM","MD","LG","XL","TRANSITION","AVATAR_COLORS","yellow","purple","blue","orange","green","teal"],"sources":["../../../../src/presentation/shared/tokens.ts"],"sourcesContent":["/**\n * Shared constants for the Presentation mock-ups.\n *\n * Breakpoints mirror new-activecollab-front (Tailwind sm / md / lg / xl).\n */\nexport const BREAKPOINT = 640;\nexport const SM = \"640px\";\nexport const MD = \"768px\";\nexport const LG = \"1024px\";\nexport const XL = \"1280px\";\nexport const TRANSITION = \"200ms ease\";\n\n/** Mock avatar background colours (stand-ins for real user avatars). */\nexport const AVATAR_COLORS = {\n  yellow: \"#F5B041\",\n  purple: \"#A569BD\",\n  blue: \"#5499C7\",\n  orange: \"#E67E22\",\n  green: \"#32B370\",\n  teal: \"#48C9B0\",\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,UAAU,GAAG,GAAG;AAC7B,OAAO,MAAMC,EAAE,GAAG,OAAO;AACzB,OAAO,MAAMC,EAAE,GAAG,OAAO;AACzB,OAAO,MAAMC,EAAE,GAAG,QAAQ;AAC1B,OAAO,MAAMC,EAAE,GAAG,QAAQ;AAC1B,OAAO,MAAMC,UAAU,GAAG,YAAY;;AAEtC;AACA,OAAO,MAAMC,aAAa,GAAG;EAC3BC,MAAM,EAAE,SAAS;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@activecollab/components",
-  "version": "2.0.307",
+  "version": "2.0.309",
   "description": "ActiveCollab Components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",