@activecollab/components 2.0.310 → 2.0.311

package/dist/cjs/presentation/shared/LinkingCommandsButton.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkingCommandsButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Dialog = require("../../components/Dialog");
+var _IconButton = require("../../components/IconButton");
+var _Icons = require("../../components/Icons");
+var _Trigger = require("../../components/Trigger");
+var _Typography = require("../../components/Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * "Linking and Commands" button — same small outlined shape and placement as
+ * the "Suggest Subtasks" button, but without an icon or the AI gradient (this
+ * is not an AI feature). Clicking it opens a reference dialog explaining how
+ * to auto-link git activity to a task and the commands available in commit
+ * messages / descriptions.
+ */
+var SANS = '-apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif';
+var MONO = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+var StyledButton = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
+  displayName: "LinkingCommandsButton__StyledButton",
+  componentId: "sc-11q4kcm-0"
+})([".lc-btn{display:inline-flex;align-items:center;color:var(--color-theme-700);border:1px solid var(--color-theme-500);background-color:transparent;padding:3px 8px;font-weight:500;font-size:12px;letter-spacing:0.5px;line-height:16px;border-radius:6px;transition:border-color 0.2s ease,color 0.2s ease;}&:hover .lc-btn{border-color:var(--color-theme-700);color:var(--color-theme-900);}"]);
+var StyledTitleRow = _styledComponents.default.div.withConfig({
+  displayName: "LinkingCommandsButton__StyledTitleRow",
+  componentId: "sc-11q4kcm-1"
+})(["display:flex;align-items:center;justify-content:space-between;gap:12px;"]);
+var StyledBody = _styledComponents.default.div.withConfig({
+  displayName: "LinkingCommandsButton__StyledBody",
+  componentId: "sc-11q4kcm-2"
+})(["font-family:", ";.lc-section{margin-bottom:22px;}.lc-section:last-child{margin-bottom:0;}.lc-h{margin-bottom:6px;}.lc-list{margin:8px 0 0;padding-left:18px;}.lc-list li{margin-bottom:6px;}.code{font-family:", ";background:var(--color-theme-200);border-radius:4px;padding:1px 5px;font-size:12px;color:var(--color-theme-900);}table{width:100%;border-collapse:collapse;margin-top:10px;}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border-primary);vertical-align:top;}th{font-size:12px;font-weight:500;color:var(--color-theme-600);}.lc-note{margin-top:10px;}"], SANS, MONO);
+var COMMANDS = [{
+  cmd: "Closes #34",
+  does: "Closes the task when the pull request merges"
+}, {
+  cmd: "Fixes #34",
+  does: "Same as Closes — closes on merge"
+}, {
+  cmd: "Refs #34",
+  does: "Links to the task without closing it"
+}, {
+  cmd: "/spend 1h30m",
+  does: "Logs time against the task"
+}, {
+  cmd: "/estimate 4h",
+  does: "Sets the task's time estimate"
+}, {
+  cmd: "/done",
+  does: "Marks the task complete"
+}, {
+  cmd: "/reopen",
+  does: "Reopens the task"
+}, {
+  cmd: "/assign @ilija",
+  does: "Assigns the task to a user"
+}, {
+  cmd: "/label In Progress",
+  does: "Adds a label to the task"
+}, {
+  cmd: "/comment Deployed to staging",
+  does: "Posts a comment on the task"
+}, {
+  cmd: "/relate #35",
+  does: "Relates this task to another task"
+}];
+var LinkingCommandsButton = exports.LinkingCommandsButton = function LinkingCommandsButton() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledButton, {
+    type: "button",
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "lc-btn"
+  }, "Linking and Commands")), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: open,
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    enableBackgroundClick: true
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, {
+    disableDefaultHeading: true
+  }, /*#__PURE__*/_react.default.createElement(StyledTitleRow, null, /*#__PURE__*/_react.default.createElement(_Typography.Header3, null, "Linking and Commands"), /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    type: "button",
+    variant: "text gray",
+    onClick: function onClick() {
+      return setOpen(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, null)))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(StyledBody, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lc-section"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary"
+  }, "Mention the task anywhere in a branch name, pull request title, commit message, or description and it links to this task on its own. Any of these forms work:"), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "lc-list"
+  }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Body2, null, "Raw ID ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "code"
+  }, "34"), ", hashed", " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "code"
+  }, "#34"), ", or prefixed", " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "code"
+  }, "AC-34"))), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_Typography.Body2, null, "The task URL", " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "code"
+  }, "https://app.activecollab.com/1/projects/2110/tasks/34")))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lc-note"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    color: "tertiary"
+  }, "Recommended: put the ID in the branch name (e.g.", " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "code"
+  }, "feature/retainers-34"), ") so it links the moment you push, and add a closing word in the pull request when you want it to complete the task on merge."))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lc-section"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Body1, {
+    weight: "bold",
+    className: "lc-h"
+  }, "Commands"), /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary"
+  }, "Use these in a commit message or a pull request / merge request description to act on the linked task."), /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, "Command"), /*#__PURE__*/_react.default.createElement("th", null, "What it does"))), /*#__PURE__*/_react.default.createElement("tbody", null, COMMANDS.map(function (c) {
+    return /*#__PURE__*/_react.default.createElement("tr", {
+      key: c.cmd
+    }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("span", {
+      className: "code"
+    }, c.cmd)), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+      color: "secondary"
+    }, c.does)));
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lc-note"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    color: "tertiary"
+  }, "Starter set \u2014 to be refined.")))))));
+};
+LinkingCommandsButton.displayName = "LinkingCommandsButton";
+//# sourceMappingURL=LinkingCommandsButton.js.map

package/dist/cjs/presentation/shared/LinkingCommandsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkingCommandsButton.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Dialog","_IconButton","_Icons","_Trigger","_Typography","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","SANS","MONO","StyledButton","styled","Trigger","withConfig","displayName","componentId","StyledTitleRow","div","StyledBody","COMMANDS","cmd","does","LinkingCommandsButton","exports","_useState","useState","_useState2","open","setOpen","createElement","Fragment","type","onClick","className","Dialog","onClose","enableBackgroundClick","Title","disableDefaultHeading","Header3","IconButton","variant","CancelCrossIcon","ContentDivider","Content","Body2","color","Caption1","Body1","weight","map","c","key"],"sources":["../../../../src/presentation/shared/LinkingCommandsButton.tsx"],"sourcesContent":["import React, { ReactElement, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Dialog } from \"../../components/Dialog\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { CancelCrossIcon } from \"../../components/Icons\";\nimport { Trigger } from \"../../components/Trigger\";\nimport { Body1, Body2, Caption1, Header3 } from \"../../components/Typography\";\n\n/**\n * \"Linking and Commands\" button — same small outlined shape and placement as\n * the \"Suggest Subtasks\" button, but without an icon or the AI gradient (this\n * is not an AI feature). Clicking it opens a reference dialog explaining how\n * to auto-link git activity to a task and the commands available in commit\n * messages / descriptions.\n */\nconst SANS =\n  '-apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\", Arial, sans-serif';\nconst MONO = \"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace\";\n\nconst StyledButton = styled(Trigger)`\n  .lc-btn {\n    display: inline-flex;\n    align-items: center;\n    color: var(--color-theme-700);\n    border: 1px solid var(--color-theme-500);\n    background-color: transparent;\n    padding: 3px 8px;\n    font-weight: 500;\n    font-size: 12px;\n    letter-spacing: 0.5px;\n    line-height: 16px;\n    border-radius: 6px;\n    transition: border-color 0.2s ease, color 0.2s ease;\n  }\n  &:hover .lc-btn {\n    border-color: var(--color-theme-700);\n    color: var(--color-theme-900);\n  }\n`;\n\nconst StyledTitleRow = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n`;\n\nconst StyledBody = styled.div`\n  font-family: ${SANS};\n\n  .lc-section {\n    margin-bottom: 22px;\n  }\n  .lc-section:last-child {\n    margin-bottom: 0;\n  }\n  .lc-h {\n    margin-bottom: 6px;\n  }\n  .lc-list {\n    margin: 8px 0 0;\n    padding-left: 18px;\n  }\n  .lc-list li {\n    margin-bottom: 6px;\n  }\n  .code {\n    font-family: ${MONO};\n    background: var(--color-theme-200);\n    border-radius: 4px;\n    padding: 1px 5px;\n    font-size: 12px;\n    color: var(--color-theme-900);\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 10px;\n  }\n  th,\n  td {\n    text-align: left;\n    padding: 8px 10px;\n    border-bottom: 1px solid var(--border-primary);\n    vertical-align: top;\n  }\n  th {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--color-theme-600);\n  }\n  .lc-note {\n    margin-top: 10px;\n  }\n`;\n\ninterface Command {\n  cmd: string;\n  does: string;\n}\n\nconst COMMANDS: Command[] = [\n  { cmd: \"Closes #34\", does: \"Closes the task when the pull request merges\" },\n  { cmd: \"Fixes #34\", does: \"Same as Closes — closes on merge\" },\n  { cmd: \"Refs #34\", does: \"Links to the task without closing it\" },\n  { cmd: \"/spend 1h30m\", does: \"Logs time against the task\" },\n  { cmd: \"/estimate 4h\", does: \"Sets the task's time estimate\" },\n  { cmd: \"/done\", does: \"Marks the task complete\" },\n  { cmd: \"/reopen\", does: \"Reopens the task\" },\n  { cmd: \"/assign @ilija\", does: \"Assigns the task to a user\" },\n  { cmd: \"/label In Progress\", does: \"Adds a label to the task\" },\n  { cmd: \"/comment Deployed to staging\", does: \"Posts a comment on the task\" },\n  { cmd: \"/relate #35\", does: \"Relates this task to another task\" },\n];\n\nexport const LinkingCommandsButton = (): ReactElement => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <StyledButton type=\"button\" onClick={() => setOpen(true)}>\n        <span className=\"lc-btn\">Linking and Commands</span>\n      </StyledButton>\n\n      <Dialog open={open} onClose={() => setOpen(false)} enableBackgroundClick>\n        <Dialog.Title disableDefaultHeading>\n          <StyledTitleRow>\n            <Header3>Linking and Commands</Header3>\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              onClick={() => setOpen(false)}\n            >\n              <CancelCrossIcon />\n            </IconButton>\n          </StyledTitleRow>\n        </Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <StyledBody>\n            <div className=\"lc-section\">\n              <Body2 color=\"secondary\">\n                Mention the task anywhere in a branch name, pull request title,\n                commit message, or description and it links to this task on its\n                own. Any of these forms work:\n              </Body2>\n              <ul className=\"lc-list\">\n                <li>\n                  <Body2>\n                    Raw ID <span className=\"code\">34</span>, hashed{\" \"}\n                    <span className=\"code\">#34</span>, or prefixed{\" \"}\n                    <span className=\"code\">AC-34</span>\n                  </Body2>\n                </li>\n                <li>\n                  <Body2>\n                    The task URL{\" \"}\n                    <span className=\"code\">\n                      https://app.activecollab.com/1/projects/2110/tasks/34\n                    </span>\n                  </Body2>\n                </li>\n              </ul>\n              <div className=\"lc-note\">\n                <Caption1 color=\"tertiary\">\n                  Recommended: put the ID in the branch name (e.g.{\" \"}\n                  <span className=\"code\">feature/retainers-34</span>) so it\n                  links the moment you push, and add a closing word in the pull\n                  request when you want it to complete the task on merge.\n                </Caption1>\n              </div>\n            </div>\n\n            <div className=\"lc-section\">\n              <Body1 weight=\"bold\" className=\"lc-h\">\n                Commands\n              </Body1>\n              <Body2 color=\"secondary\">\n                Use these in a commit message or a pull request / merge request\n                description to act on the linked task.\n              </Body2>\n              <table>\n                <thead>\n                  <tr>\n                    <th>Command</th>\n                    <th>What it does</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {COMMANDS.map((c) => (\n                    <tr key={c.cmd}>\n                      <td>\n                        <span className=\"code\">{c.cmd}</span>\n                      </td>\n                      <td>\n                        <Body2 color=\"secondary\">{c.does}</Body2>\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n              <div className=\"lc-note\">\n                <Caption1 color=\"tertiary\">\n                  Starter set — to be refined.\n                </Caption1>\n              </div>\n            </div>\n          </StyledBody>\n        </Dialog.Content>\n      </Dialog>\n    </>\n  );\n};\n\nLinkingCommandsButton.displayName = \"LinkingCommandsButton\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/shared/SuggestSubtasksButton.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SuggestSubtasksButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Icons = require("../../components/Icons");
+var _Trigger = require("../../components/Trigger");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * "Suggest Subtasks" AI button, replicated from `new-activecollab-front`
+ * (`AiButton` + `SubtasksBodyWithoutItems`): a Trigger wrapping a
+ * `.gradient-button` that shows a Spark icon + label, with the AI gradient
+ * border appearing on hover. Translated from the app's Tailwind/CSS into
+ * styled-components for the Presentation Storybook.
+ */
+var StyledSuggestButton = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
+  displayName: "SuggestSubtasksButton__StyledSuggestButton",
+  componentId: "sc-19n02su-0"
+})([".gradient-button{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--color-theme-700);fill:var(--color-theme-700);border:1px solid var(--color-theme-500);background-color:transparent;padding:3px 5px;font-weight:500;font-size:12px;letter-spacing:0.5px;line-height:16px;border-radius:6px;transition:background 0.5s,color 0.5s;}&:hover .gradient-button{border:none;padding:4px 6px;}&:hover .gradient-button span{color:var(--color-theme-900);}&:hover .gradient-button svg{fill:var(--color-theme-900);}&:hover .gradient-button::before{content:\"\";position:absolute;inset:0;border-radius:6px;padding:1px;background:var(--ai-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;}"]);
+var SuggestSubtasksButton = exports.SuggestSubtasksButton = function SuggestSubtasksButton() {
+  return /*#__PURE__*/_react.default.createElement(StyledSuggestButton, {
+    type: "button"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "gradient-button"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.SparkIcon, {
+    width: 16,
+    height: 16,
+    fill: "var(--color-theme-700)"
+  }), /*#__PURE__*/_react.default.createElement("span", null, "Suggest Subtasks")));
+};
+SuggestSubtasksButton.displayName = "SuggestSubtasksButton";
+//# sourceMappingURL=SuggestSubtasksButton.js.map

package/dist/cjs/presentation/shared/SuggestSubtasksButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestSubtasksButton.js","names":["_react","_interopRequireDefault","require","_styledComponents","_Icons","_Trigger","e","__esModule","default","StyledSuggestButton","styled","Trigger","withConfig","displayName","componentId","SuggestSubtasksButton","exports","createElement","type","className","SparkIcon","width","height","fill"],"sources":["../../../../src/presentation/shared/SuggestSubtasksButton.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { SparkIcon } from \"../../components/Icons\";\nimport { Trigger } from \"../../components/Trigger\";\n\n/**\n * \"Suggest Subtasks\" AI button, replicated from `new-activecollab-front`\n * (`AiButton` + `SubtasksBodyWithoutItems`): a Trigger wrapping a\n * `.gradient-button` that shows a Spark icon + label, with the AI gradient\n * border appearing on hover. Translated from the app's Tailwind/CSS into\n * styled-components for the Presentation Storybook.\n */\nconst StyledSuggestButton = styled(Trigger)`\n  .gradient-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--color-theme-700);\n    fill: var(--color-theme-700);\n    border: 1px solid var(--color-theme-500);\n    background-color: transparent;\n    padding: 3px 5px;\n    font-weight: 500;\n    font-size: 12px;\n    letter-spacing: 0.5px;\n    line-height: 16px;\n    border-radius: 6px;\n    transition: background 0.5s, color 0.5s;\n  }\n\n  &:hover .gradient-button {\n    border: none;\n    padding: 4px 6px;\n  }\n  &:hover .gradient-button span {\n    color: var(--color-theme-900);\n  }\n  &:hover .gradient-button svg {\n    fill: var(--color-theme-900);\n  }\n  &:hover .gradient-button::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 6px;\n    padding: 1px;\n    background: var(--ai-gradient);\n    -webkit-mask: linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    mask-composite: exclude;\n    pointer-events: none;\n  }\n`;\n\nexport const SuggestSubtasksButton = (): ReactElement => (\n  <StyledSuggestButton type=\"button\">\n    <span className=\"gradient-button\">\n      <SparkIcon width={16} height={16} fill=\"var(--color-theme-700)\" />\n      <span>Suggest Subtasks</span>\n    </span>\n  </StyledSuggestButton>\n);\n\nSuggestSubtasksButton.displayName = \"SuggestSubtasksButton\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAmD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMG,mBAAmB,GAAG,IAAAC,yBAAM,EAACC,gBAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+2BA2C1C;AAEM,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA;EAAA,oBAChCf,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACR,mBAAmB;IAACS,IAAI,EAAC;EAAQ,gBAChClB,MAAA,CAAAQ,OAAA,CAAAS,aAAA;IAAME,SAAS,EAAC;EAAiB,gBAC/BnB,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,MAAA,CAAAgB,SAAS;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,IAAI,EAAC;EAAwB,CAAE,CAAC,eAClEvB,MAAA,CAAAQ,OAAA,CAAAS,aAAA,eAAM,kBAAsB,CACxB,CACa,CAAC;AAAA,CACvB;AAEDF,qBAAqB,CAACF,WAAW,GAAG,uBAAuB","ignoreList":[]}

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

@@ -12,6 +12,8 @@ var _exportNames = {
   ProjectPageHeader: true,
   TabHeader: true,
   FloatingControls: true,
+  LinkingCommandsButton: true,
+  SuggestSubtasksButton: true,
   TaskOptionsMenu: true,
   TaskListOptionsMenu: true
 };
@@ -21,6 +23,12 @@ Object.defineProperty(exports, "FloatingControls", {
     return _FloatingControls.FloatingControls;
   }
 });
+Object.defineProperty(exports, "LinkingCommandsButton", {
+  enumerable: true,
+  get: function get() {
+    return _LinkingCommandsButton.LinkingCommandsButton;
+  }
+});
 Object.defineProperty(exports, "MainLogo", {
   enumerable: true,
   get: function get() {
@@ -57,6 +65,12 @@ Object.defineProperty(exports, "StyledPagePaper", {
     return _PresentationShell.StyledPagePaper;
   }
 });
+Object.defineProperty(exports, "SuggestSubtasksButton", {
+  enumerable: true,
+  get: function get() {
+    return _SuggestSubtasksButton.SuggestSubtasksButton;
+  }
+});
 Object.defineProperty(exports, "TabHeader", {
   enumerable: true,
   get: function get() {
@@ -92,5 +106,7 @@ var _RoundAvatar = require("./RoundAvatar");
 var _PresentationShell = require("./PresentationShell");
 var _headers = require("./headers");
 var _FloatingControls = require("./FloatingControls");
+var _LinkingCommandsButton = require("./LinkingCommandsButton");
+var _SuggestSubtasksButton = require("./SuggestSubtasksButton");
 var _TaskOptionsMenu = require("./TaskOptionsMenu");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_tokens","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_MainLogo","_RoundAvatar","_PresentationShell","_headers","_FloatingControls","_TaskOptionsMenu"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,kBAAA,GAAAf,OAAA;AAEA,IAAAgB,QAAA,GAAAhB,OAAA;AAMA,IAAAiB,iBAAA,GAAAjB,OAAA;AACA,IAAAkB,gBAAA,GAAAlB,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_tokens","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_MainLogo","_RoundAvatar","_PresentationShell","_headers","_FloatingControls","_LinkingCommandsButton","_SuggestSubtasksButton","_TaskOptionsMenu"],"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 { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,kBAAA,GAAAf,OAAA;AAEA,IAAAgB,QAAA,GAAAhB,OAAA;AAMA,IAAAiB,iBAAA,GAAAjB,OAAA;AACA,IAAAkB,sBAAA,GAAAlB,OAAA;AACA,IAAAmB,sBAAA,GAAAnB,OAAA;AACA,IAAAoB,gBAAA,GAAApB,OAAA","ignoreList":[]}

package/dist/esm/components/Icons/collection/GitBranch.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+/**
+ * @component GitBranchIcon
+ * @description
+ * Outline git-branch glyph for source-control signifiers.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+ *
+ * @see https://design.activecollab.com/docs/foundations/icons
+ */
+declare const GitBranchIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default GitBranchIcon;
+//# sourceMappingURL=GitBranch.d.ts.map

package/dist/esm/components/Icons/collection/GitBranch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitBranch.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/GitBranch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa;eAMF,MAAM;+CAiCtB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/components/Icons/collection/GitBranch.js

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component GitBranchIcon
+ * @description
+ * Outline git-branch glyph for source-control signifiers.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+ *
+ * @see https://design.activecollab.com/docs/foundations/icons
+ */
+const GitBranchIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "GitBranchIcon",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props != null && props.stroke ? props.stroke : "var(--color-theme-600)",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 8v8"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9 18h4a4 4 0 0 0 4 -4v-6"
+  }));
+});
+GitBranchIcon.displayName = "GitBranchIcon";
+export default GitBranchIcon;
+//# sourceMappingURL=GitBranch.js.map

package/dist/esm/components/Icons/collection/GitBranch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitBranch.js","names":["React","GradientDefs","GitBranchIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","focusable","d","displayName"],"sources":["../../../../../src/components/Icons/collection/GitBranch.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component GitBranchIcon\n * @description\n * Outline git-branch glyph for source-control signifiers.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.\n *\n * @see https://design.activecollab.com/docs/foundations/icons\n */\nconst GitBranchIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"GitBranchIcon\"\n      fill=\"none\"\n      stroke={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.stroke\n          ? props.stroke\n          : \"var(--color-theme-600)\"\n      }\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M7 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n      <path d=\"M7 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n      <path d=\"M17 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n      <path d=\"M7 8v8\" />\n      <path d=\"M9 18h4a4 4 0 0 0 4 -4v-6\" />\n    </svg>\n  )\n);\nGitBranchIcon.displayName = \"GitBranchIcon\";\nexport default GitBranchIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,UAAU,CACpC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,eAAe;IAC3BC,IAAI,EAAC,MAAM;IACXC,MAAM,EACJX,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEU,MAAM,GACbV,KAAK,CAACU,MAAM,GACZ,wBACL;IACDC,WAAW,EAAE,CAAE;IACfC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,SAAS,EAAE,KAAM;IACjBhB,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAyC,CAAE,CAAC,eACpDtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAwC,CAAE,CAAC,eACnDtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAyC,CAAE,CAAC,eACpDtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAQ,CAAE,CAAC,eACnBtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAA2B,CAAE,CAClC,CAAC;AAAA,CAEV,CAAC;AACDpB,aAAa,CAACqB,WAAW,GAAG,eAAe;AAC3C,eAAerB,aAAa","ignoreList":[]}

package/dist/esm/components/Icons/collection/GitCommit.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+/**
+ * @component GitCommitIcon
+ * @description
+ * Outline git-commit glyph (a node on a line) for source-control signifiers.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+ *
+ * @see https://design.activecollab.com/docs/foundations/icons
+ */
+declare const GitCommitIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default GitCommitIcon;
+//# sourceMappingURL=GitCommit.d.ts.map

package/dist/esm/components/Icons/collection/GitCommit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitCommit.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/GitCommit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa;eAMF,MAAM;+CA+BtB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/components/Icons/collection/GitCommit.js

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component GitCommitIcon
+ * @description
+ * Outline git-commit glyph (a node on a line) for source-control signifiers.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+ *
+ * @see https://design.activecollab.com/docs/foundations/icons
+ */
+const GitCommitIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "GitCommitIcon",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props != null && props.stroke ? props.stroke : "var(--color-theme-600)",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3 12h6"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15 12h6"
+  }));
+});
+GitCommitIcon.displayName = "GitCommitIcon";
+export default GitCommitIcon;
+//# sourceMappingURL=GitCommit.js.map

package/dist/esm/components/Icons/collection/GitCommit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitCommit.js","names":["React","GradientDefs","GitCommitIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","focusable","d","displayName"],"sources":["../../../../../src/components/Icons/collection/GitCommit.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component GitCommitIcon\n * @description\n * Outline git-commit glyph (a node on a line) for source-control signifiers.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.\n *\n * @see https://design.activecollab.com/docs/foundations/icons\n */\nconst GitCommitIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"GitCommitIcon\"\n      fill=\"none\"\n      stroke={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.stroke\n          ? props.stroke\n          : \"var(--color-theme-600)\"\n      }\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0\" />\n      <path d=\"M3 12h6\" />\n      <path d=\"M15 12h6\" />\n    </svg>\n  )\n);\nGitCommitIcon.displayName = \"GitCommitIcon\";\nexport default GitCommitIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,UAAU,CACpC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,eAAe;IAC3BC,IAAI,EAAC,MAAM;IACXC,MAAM,EACJX,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEU,MAAM,GACbV,KAAK,CAACU,MAAM,GACZ,wBACL;IACDC,WAAW,EAAE,CAAE;IACfC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,SAAS,EAAE,KAAM;IACjBhB,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAA0C,CAAE,CAAC,eACrDtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAS,CAAE,CAAC,eACpBtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAU,CAAE,CACjB,CAAC;AAAA,CAEV,CAAC;AACDpB,aAAa,CAACqB,WAAW,GAAG,eAAe;AAC3C,eAAerB,aAAa","ignoreList":[]}

package/dist/esm/components/Icons/collection/GitPullRequest.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+/**
+ * @component GitPullRequestIcon
+ * @description
+ * Outline git pull-request glyph for source-control signifiers.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+ *
+ * @see https://design.activecollab.com/docs/foundations/icons
+ */
+declare const GitPullRequestIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default GitPullRequestIcon;
+//# sourceMappingURL=GitPullRequest.d.ts.map

package/dist/esm/components/Icons/collection/GitPullRequest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitPullRequest.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/GitPullRequest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;GAQG;AACH,QAAA,MAAM,kBAAkB;eAMP,MAAM;+CAkCtB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/components/Icons/collection/GitPullRequest.js

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component GitPullRequestIcon
+ * @description
+ * Outline git pull-request glyph for source-control signifiers.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+ *
+ * @see https://design.activecollab.com/docs/foundations/icons
+ */
+const GitPullRequestIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "GitPullRequestIcon",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props != null && props.stroke ? props.stroke : "var(--color-theme-600)",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6 8v8"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11 6h5a2 2 0 0 1 2 2v8"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14 9l-3 -3l3 -3"
+  }));
+});
+GitPullRequestIcon.displayName = "GitPullRequestIcon";
+export default GitPullRequestIcon;
+//# sourceMappingURL=GitPullRequest.js.map

package/dist/esm/components/Icons/collection/GitPullRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitPullRequest.js","names":["React","GradientDefs","GitPullRequestIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","focusable","d","displayName"],"sources":["../../../../../src/components/Icons/collection/GitPullRequest.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component GitPullRequestIcon\n * @description\n * Outline git pull-request glyph for source-control signifiers.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.\n *\n * @see https://design.activecollab.com/docs/foundations/icons\n */\nconst GitPullRequestIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"GitPullRequestIcon\"\n      fill=\"none\"\n      stroke={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.stroke\n          ? props.stroke\n          : \"var(--color-theme-600)\"\n      }\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M6 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n      <path d=\"M6 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n      <path d=\"M18 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" />\n      <path d=\"M6 8v8\" />\n      <path d=\"M11 6h5a2 2 0 0 1 2 2v8\" />\n      <path d=\"M14 9l-3 -3l3 -3\" />\n    </svg>\n  )\n);\nGitPullRequestIcon.displayName = \"GitPullRequestIcon\";\nexport default GitPullRequestIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,gBAAGF,KAAK,CAACG,UAAU,CACzC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,oBAAoB;IAChCC,IAAI,EAAC,MAAM;IACXC,MAAM,EACJX,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEU,MAAM,GACbV,KAAK,CAACU,MAAM,GACZ,wBACL;IACDC,WAAW,EAAE,CAAE;IACfC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,SAAS,EAAE,KAAM;IACjBhB,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAyC,CAAE,CAAC,eACpDtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAwC,CAAE,CAAC,eACnDtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAA0C,CAAE,CAAC,eACrDtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAQ,CAAE,CAAC,eACnBtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAyB,CAAE,CAAC,eACpCtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAkB,CAAE,CACzB,CAAC;AAAA,CAEV,CAAC;AACDpB,kBAAkB,CAACqB,WAAW,GAAG,oBAAoB;AACrD,eAAerB,kBAAkB","ignoreList":[]}

package/dist/esm/components/Icons/collection/SourceCode.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+/**
+ * @component SourceCodeIcon
+ * @description
+ * Outline source-code / repository glyph (a window with code chevrons) for
+ * source-control signifiers.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+ *
+ * @see https://design.activecollab.com/docs/foundations/icons
+ */
+declare const SourceCodeIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SourceCodeIcon;
+//# sourceMappingURL=SourceCode.d.ts.map

package/dist/esm/components/Icons/collection/SourceCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceCode.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/SourceCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+CA+BtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/components/Icons/collection/SourceCode.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["gradient"];
+import React from "react";
+import { GradientDefs } from "../../GradientDefs";
+
+/**
+ * @component SourceCodeIcon
+ * @description
+ * Outline source-code / repository glyph (a window with code chevrons) for
+ * source-control signifiers.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+ *
+ * @see https://design.activecollab.com/docs/foundations/icons
+ */
+const SourceCodeIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "SourceCodeIcon",
+    fill: "none",
+    stroke: gradient ? "url(#icon-gradient)" : props != null && props.stroke ? props.stroke : "var(--color-theme-600)",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.5 4h2.5a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3h2.5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10 9l-2 2l2 2"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14 9l2 2l-2 2"
+  }));
+});
+SourceCodeIcon.displayName = "SourceCodeIcon";
+export default SourceCodeIcon;
+//# sourceMappingURL=SourceCode.js.map

package/dist/esm/components/Icons/collection/SourceCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceCode.js","names":["React","GradientDefs","SourceCodeIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","focusable","d","displayName"],"sources":["../../../../../src/components/Icons/collection/SourceCode.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component SourceCodeIcon\n * @description\n * Outline source-code / repository glyph (a window with code chevrons) for\n * source-control signifiers.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.\n *\n * @see https://design.activecollab.com/docs/foundations/icons\n */\nconst SourceCodeIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"SourceCodeIcon\"\n      fill=\"none\"\n      stroke={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.stroke\n          ? props.stroke\n          : \"var(--color-theme-600)\"\n      }\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M14.5 4h2.5a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3h2.5\" />\n      <path d=\"M10 9l-2 2l2 2\" />\n      <path d=\"M14 9l2 2l-2 2\" />\n    </svg>\n  )\n);\nSourceCodeIcon.displayName = \"SourceCodeIcon\";\nexport default SourceCodeIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,gBAAgB;IAC5BC,IAAI,EAAC,MAAM;IACXC,MAAM,EACJX,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEU,MAAM,GACbV,KAAK,CAACU,MAAM,GACZ,wBACL;IACDC,WAAW,EAAE,CAAE;IACfC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,SAAS,EAAE,KAAM;IACjBhB,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAwF,CAAE,CAAC,eACnGtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAgB,CAAE,CAAC,eAC3BtB,KAAA,CAAAU,aAAA;IAAMY,CAAC,EAAC;EAAgB,CAAE,CACvB,CAAC;AAAA,CAEV,CAAC;AACDpB,cAAc,CAACqB,WAAW,GAAG,gBAAgB;AAC7C,eAAerB,cAAc","ignoreList":[]}