@knocklabs/react 0.1.9 → 0.2.1

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.mjs

@@ -0,0 +1,24 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import t from "./icons/CloseIcon.mjs";
+import _ from "./icons/HashtagIcon.mjs";
+import a from "./icons/LockIcon.mjs";
+
+const d = ({
+  channel: e,
+  updateConnectedChannels: c
+}) => /* @__PURE__ */ n("div", { className: "rsk-combobox__connected_channel_tag", children: [
+  /* @__PURE__ */ o("div", { className: "rsk-combobox__connected_channel_tag__channel_type_icon", children: e.is_private ? /* @__PURE__ */ o(a, {}) : /* @__PURE__ */ o(_, {}) }),
+  /* @__PURE__ */ o("div", { className: "rsk-combobox__connected_channel_tag__text", children: e.name }),
+  /* @__PURE__ */ o(
+    "button",
+    {
+      onClick: () => c(e.id),
+      className: "rsk-combobox__connected_channel_tag__delete_button",
+      children: /* @__PURE__ */ o(t, {})
+    }
+  )
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=SlackConnectedChannelTag.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackConnectedChannelTag.mjs","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTag.tsx"],"sourcesContent":["import { SlackChannel } from \"@knocklabs/client\";\n\nimport CloseIcon from \"./icons/CloseIcon\";\nimport HashtagIcon from \"./icons/HashtagIcon\";\nimport LockIcon from \"./icons/LockIcon\";\nimport \"./styles.css\";\n\ntype Props = {\n\tchannel: SlackChannel;\n\tupdateConnectedChannels: (channelId: string) => void;\n}\n\nconst SlackConnectedChannelTag = ({\n\tchannel,\n\tupdateConnectedChannels,\n}: Props) => {\n\treturn (\n\t\t<div className=\"rsk-combobox__connected_channel_tag\">\n\t\t\t<div className=\"rsk-combobox__connected_channel_tag__channel_type_icon\">\n\t\t\t\t{channel.is_private ? <LockIcon /> : <HashtagIcon />}\n\t\t\t</div>\n\t\t\t<div className=\"rsk-combobox__connected_channel_tag__text\">\n\t\t\t\t{channel.name}\n\t\t\t</div>\n\t\t\t<button\n\t\t\t\tonClick={() => updateConnectedChannels(channel.id)}\n\t\t\t\tclassName=\"rsk-combobox__connected_channel_tag__delete_button\"\n\t\t\t>\n\t\t\t\t<CloseIcon />\n\t\t\t</button>\n\t\t</div>\n\t);\n};\n\nexport default SlackConnectedChannelTag;\n"],"names":["SlackConnectedChannelTag","channel","updateConnectedChannels","jsxs","jsx","LockIcon","HashtagIcon","CloseIcon"],"mappings":";;;;;AAYA,MAAMA,IAA2B,CAAC;AAAA,EACjC,SAAAC;AAAA,EACA,yBAAAC;AACD,MAEE,gBAAAC,EAAC,OAAI,EAAA,WAAU,uCACd,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,0DACb,UAAQH,EAAA,+BAAcI,GAAS,CAAA,CAAA,IAAM,gBAAAD,EAAAE,GAAA,CAAY,CAAA,GACnD;AAAA,EACC,gBAAAF,EAAA,OAAA,EAAI,WAAU,6CACb,YAAQ,MACV;AAAA,EACA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAS,MAAMF,EAAwBD,EAAQ,EAAE;AAAA,MACjD,WAAU;AAAA,MAEV,4BAACM,GAAU,EAAA;AAAA,IAAA;AAAA,EACZ;AACD,EAAA,CAAA;"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.mjs

@@ -0,0 +1,17 @@
+import { jsx as i } from "react/jsx-runtime";
+import d from "./SlackConnectedChannelTag.mjs";
+
+const c = ({
+  connectedChannels: r,
+  slackChannels: o,
+  updateConnectedChannels: m
+}) => {
+  const p = new Map(
+    r == null ? void 0 : r.map((t) => [t.channel_id, t])
+  ), a = (o == null ? void 0 : o.filter((t) => p.has(t.id || ""))) || [];
+  return /* @__PURE__ */ i("div", { className: "rsk-combobox__connected_channel_tag_list", children: a.map((t) => /* @__PURE__ */ i(d, { channel: t, updateConnectedChannels: m }, t.id)) });
+};
+export {
+  c as default
+};
+//# sourceMappingURL=SlackConnectedChannelTagList.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackConnectedChannelTagList.mjs","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectedChannelTagList.tsx"],"sourcesContent":["import { SlackChannel, SlackChannelConnection } from \"@knocklabs/client\";\n\nimport SlackConnectedChannelTag from \"./SlackConnectedChannelTag\";\nimport \"./styles.css\";\n\ntype Props = {\n\tconnectedChannels: SlackChannelConnection[] | null;\n\tslackChannels: SlackChannel[];\n\tupdateConnectedChannels: (channelId: string) => void;\n}\n\nconst SlackConnectedChannelTagList = ({\n\tconnectedChannels,\n\tslackChannels,\n\tupdateConnectedChannels,\n}: Props) => {\n\tconst connectedChannelsMap = new Map(\n\t\tconnectedChannels?.map((channel) => [channel.channel_id, channel]),\n\t);\n\n\tconst channels =\n\t\tslackChannels?.filter((slackChannel) => {\n\t\t\treturn connectedChannelsMap.has(slackChannel.id || \"\");\n\t\t}) || [];\n\n\treturn (\n\t\t<div className=\"rsk-combobox__connected_channel_tag_list\">\n\t\t\t{channels.map((channel) => (\n\t\t\t\t<SlackConnectedChannelTag key={channel.id} channel={channel} updateConnectedChannels={updateConnectedChannels} />\n\t\t\t))}\n\t\t</div>\n\t);\n};\n\nexport default SlackConnectedChannelTagList;\n"],"names":["SlackConnectedChannelTagList","connectedChannels","slackChannels","updateConnectedChannels","connectedChannelsMap","channel","channels","slackChannel","jsx","SlackConnectedChannelTag"],"mappings":";;;AAWA,MAAMA,IAA+B,CAAC;AAAA,EACrC,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC;AACD,MAAa;AACZ,QAAMC,IAAuB,IAAI;AAAA,IAChCH,KAAA,gBAAAA,EAAmB,IAAI,CAACI,MAAY,CAACA,EAAQ,YAAYA,CAAO;AAAA,EAAC,GAG5DC,KACLJ,KAAA,gBAAAA,EAAe,OAAO,CAACK,MACfH,EAAqB,IAAIG,EAAa,MAAM,EAAE,OAChD,CAAA;AAEP,SACE,gBAAAC,EAAA,OAAA,EAAI,WAAU,4CACb,YAAS,IAAI,CAACH,MACd,gBAAAG,EAACC,KAA0C,SAAAJ,GAAkB,yBAAAF,EAAA,GAA9BE,EAAQ,EAAwE,CAC/G,EACF,CAAA;AAEF;"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectionError.mjs

@@ -0,0 +1,14 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useTranslations as e, useKnockSlackClient as s } from "@knocklabs/react-core";
+import t from "./icons/InfoIcon.mjs";
+const l = () => {
+  const { t: n } = e(), { connectionStatus: o } = s();
+  return o === "disconnected" || o === "error" ? /* @__PURE__ */ c("div", { className: "rsk-combobox__error", children: [
+    /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(t, {}) }),
+    /* @__PURE__ */ r("div", { className: "rsk-combobox__error__text", children: n(o === "disconnected" ? "slackConnectionErrorOccurred" : "slackConnectionErrorExists") })
+  ] }) : /* @__PURE__ */ r("div", {});
+};
+export {
+  l as default
+};
+//# sourceMappingURL=SlackConnectionError.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectionError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackConnectionError.mjs","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectionError.tsx"],"sourcesContent":["import { useKnockSlackClient, useTranslations } from \"@knocklabs/react-core\";\n\nimport InfoIcon from \"./icons/InfoIcon\";\n\nconst SlackConnectionError = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockSlackClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <div className=\"rsk-combobox__error\">\n        <span>\n          <InfoIcon />\n        </span>\n\n        <div className=\"rsk-combobox__error__text\">\n          {connectionStatus === \"disconnected\"\n            ? t(\"slackConnectionErrorOccurred\")\n            : t(\"slackConnectionErrorExists\")}\n        </div>\n      </div>\n    );\n  }\n\n  return <div />;\n};\n\nexport default SlackConnectionError;\n"],"names":["SlackConnectionError","t","useTranslations","connectionStatus","useKnockSlackClient","jsxs","jsx","InfoIcon"],"mappings":";;;AAIA,MAAMA,IAAuB,MAAM;AAC3B,QAAA,EAAE,GAAAC,MAAMC,KACR,EAAE,kBAAAC,MAAqBC;AAEzB,SAAAD,MAAqB,kBAAkBA,MAAqB,UAE5D,gBAAAE,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA;AAAA,IAAC,gBAAAC,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAAC,GAAA,CAAS,CAAA,GACZ;AAAA,IAEA,gBAAAD,EAAC,OAAI,EAAA,WAAU,6BACZ,UACGL,EADHE,MAAqB,iBAChB,iCACA,4BAD8B,EAEtC,CAAA;AAAA,EACF,EAAA,CAAA,sBAII,OAAI,CAAA,CAAA;AACd;"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/CheckmarkIcon.mjs

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+const i = ({
+  isConnected: r,
+  size: o = "1rem",
+  ...t
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    height: o,
+    width: o,
+    role: "img",
+    viewBox: "0 0 14 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M11.3751 3.9996L5.25006 10.9996L2.62506 8.3746",
+        stroke: r ? "#5469D4" : "#A5ACB8",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+export {
+  i as default
+};
+//# sourceMappingURL=CheckmarkIcon.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/CheckmarkIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckmarkIcon.mjs","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/CheckmarkIcon.tsx"],"sourcesContent":["const CheckmarkIcon = ({\n  isConnected,\n  size = \"1rem\",\n  ...props\n}: {\n  isConnected: boolean;\n  size?: string;\n}) => (\n  <svg\n    height={size}\n    width={size}\n    role=\"img\"\n    viewBox=\"0 0 14 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M11.3751 3.9996L5.25006 10.9996L2.62506 8.3746\"\n      stroke={isConnected ? \"#5469D4\" : \"#A5ACB8\"}\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default CheckmarkIcon;\n"],"names":["CheckmarkIcon","isConnected","size","props","jsx"],"mappings":";AAAA,MAAMA,IAAgB,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAIE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,QAAQF;AAAA,IACR,OAAOA;AAAA,IACP,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGC;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAQH,IAAc,YAAY;AAAA,QAClC,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AACF;"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.mjs

@@ -0,0 +1,24 @@
+import { jsx as L } from "react/jsx-runtime";
+const o = () => /* @__PURE__ */ L(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ L(
+      "path",
+      {
+        d: "M8.53037 7.46917L7.99988 7.99967L8.53054 8.53L11.501 11.4986L11.5014 11.4995L11.501 11.5004L11.5001 11.5008L11.4992 11.5004L8.53041 8.53167L8.00008 8.00134L7.46975 8.53167L4.501 11.5004L4.50008 11.5008L4.49916 11.5004L4.49878 11.4995L4.49916 11.4986L7.46791 8.52983L7.99824 7.9995L7.46791 7.46917L4.49916 4.50042L4.49878 4.4995L4.49916 4.49858L4.50008 4.4982L4.501 4.49858L7.46975 7.46733L8.00008 7.99766L8.53041 7.46733L11.4987 4.49905L11.4991 4.49886L11.4996 4.49905L11.4998 4.4995L11.4996 4.49995L11.4991 4.50042L8.53037 7.46917Z",
+        fill: "#697386",
+        stroke: "#697386",
+        strokeWidth: "1.5"
+      }
+    )
+  }
+);
+export {
+  o as default
+};
+//# sourceMappingURL=CloseIcon.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon.mjs","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/CloseIcon.tsx"],"sourcesContent":["const CloseIcon = () => (\n\t<svg\n\t\twidth=\"16\"\n\t\theight=\"16\"\n\t\tviewBox=\"0 0 16 16\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t>\n\t\t<path\n\t\t\td=\"M8.53037 7.46917L7.99988 7.99967L8.53054 8.53L11.501 11.4986L11.5014 11.4995L11.501 11.5004L11.5001 11.5008L11.4992 11.5004L8.53041 8.53167L8.00008 8.00134L7.46975 8.53167L4.501 11.5004L4.50008 11.5008L4.49916 11.5004L4.49878 11.4995L4.49916 11.4986L7.46791 8.52983L7.99824 7.9995L7.46791 7.46917L4.49916 4.50042L4.49878 4.4995L4.49916 4.49858L4.50008 4.4982L4.501 4.49858L7.46975 7.46733L8.00008 7.99766L8.53041 7.46733L11.4987 4.49905L11.4991 4.49886L11.4996 4.49905L11.4998 4.4995L11.4996 4.49995L11.4991 4.50042L8.53037 7.46917Z\"\n\t\t\tfill=\"#697386\"\n\t\t\tstroke=\"#697386\"\n\t\t\tstrokeWidth=\"1.5\"\n\t\t/>\n\t</svg>\n);\n\nexport default CloseIcon;\n"],"names":["CloseIcon","jsx"],"mappings":";AAAA,MAAMA,IAAY,MACjB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,GAAE;AAAA,QACF,MAAK;AAAA,QACL,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AACD;"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/HashtagIcon.mjs

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+const e = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "12",
+    height: "13",
+    viewBox: "0 0 12 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M5.7904 2.22197C5.81364 2.06746 5.77568 1.90997 5.68461 1.78301C5.59353 1.65605 5.45652 1.56962 5.30271 1.54211C5.1489 1.5146 4.99043 1.54817 4.86099 1.6357C4.73155 1.72322 4.64136 1.85778 4.6096 2.01077L4.2688 3.91637H2.2C2.04087 3.91637 1.88826 3.97958 1.77574 4.0921C1.66321 4.20463 1.6 4.35724 1.6 4.51637C1.6 4.6755 1.66321 4.82811 1.77574 4.94063C1.88826 5.05315 2.04087 5.11637 2.2 5.11637H4.0546L3.5728 7.81637H1.6C1.44087 7.81637 1.28826 7.87958 1.17574 7.9921C1.06321 8.10463 1 8.25724 1 8.41637C1 8.5755 1.06321 8.72811 1.17574 8.84063C1.28826 8.95315 1.44087 9.01637 1.6 9.01637H3.358L3.1096 10.4108C3.08636 10.5653 3.12432 10.7228 3.21539 10.8497C3.30647 10.9767 3.44348 11.0631 3.59729 11.0906C3.7511 11.1181 3.90957 11.0846 4.03901 10.997C4.16845 10.9095 4.25864 10.775 4.2904 10.622L4.5772 9.01637H6.2086L5.9596 10.4108C5.9433 10.4893 5.9429 10.5703 5.95844 10.649C5.97397 10.7276 6.00511 10.8024 6.05003 10.8688C6.09495 10.9352 6.15273 10.992 6.21996 11.0357C6.28718 11.0794 6.36249 11.1092 6.44143 11.1234C6.52037 11.1375 6.60134 11.1356 6.67955 11.1179C6.75777 11.1002 6.83164 11.067 6.8968 11.0203C6.96196 10.9735 7.01709 10.9142 7.05893 10.8458C7.10077 10.7774 7.12847 10.7013 7.1404 10.622L7.4272 9.01637H9.4C9.55913 9.01637 9.71174 8.95315 9.82426 8.84063C9.93679 8.72811 10 8.5755 10 8.41637C10 8.25724 9.93679 8.10463 9.82426 7.9921C9.71174 7.87958 9.55913 7.81637 9.4 7.81637H7.642L8.1238 5.11637H10C10.1591 5.11637 10.3117 5.05315 10.4243 4.94063C10.5368 4.82811 10.6 4.6755 10.6 4.51637C10.6 4.35724 10.5368 4.20463 10.4243 4.0921C10.3117 3.97958 10.1591 3.91637 10 3.91637H8.338L8.6404 2.22197C8.6567 2.14345 8.6571 2.06246 8.64157 1.98379C8.62603 1.90511 8.59489 1.83035 8.54997 1.76392C8.50505 1.69749 8.44727 1.64073 8.38004 1.59701C8.31282 1.55329 8.23751 1.52349 8.15857 1.50937C8.07963 1.49525 7.99866 1.4971 7.92045 1.51481C7.84223 1.53252 7.76836 1.56572 7.7032 1.61246C7.63804 1.65921 7.58291 1.71854 7.54107 1.78695C7.49923 1.85536 7.47153 1.93147 7.4596 2.01077L7.1188 3.91637H5.488L5.7904 2.22197ZM6.4228 7.81637L6.904 5.11637H5.2738L4.7914 7.81637H6.4228Z",
+        fill: "#3C4257"
+      }
+    )
+  }
+);
+export {
+  e as default
+};
+//# sourceMappingURL=HashtagIcon.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/HashtagIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashtagIcon.mjs","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/HashtagIcon.tsx"],"sourcesContent":["const HashtagIcon = () => (\n  <svg\n    width=\"12\"\n    height=\"13\"\n    viewBox=\"0 0 12 13\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M5.7904 2.22197C5.81364 2.06746 5.77568 1.90997 5.68461 1.78301C5.59353 1.65605 5.45652 1.56962 5.30271 1.54211C5.1489 1.5146 4.99043 1.54817 4.86099 1.6357C4.73155 1.72322 4.64136 1.85778 4.6096 2.01077L4.2688 3.91637H2.2C2.04087 3.91637 1.88826 3.97958 1.77574 4.0921C1.66321 4.20463 1.6 4.35724 1.6 4.51637C1.6 4.6755 1.66321 4.82811 1.77574 4.94063C1.88826 5.05315 2.04087 5.11637 2.2 5.11637H4.0546L3.5728 7.81637H1.6C1.44087 7.81637 1.28826 7.87958 1.17574 7.9921C1.06321 8.10463 1 8.25724 1 8.41637C1 8.5755 1.06321 8.72811 1.17574 8.84063C1.28826 8.95315 1.44087 9.01637 1.6 9.01637H3.358L3.1096 10.4108C3.08636 10.5653 3.12432 10.7228 3.21539 10.8497C3.30647 10.9767 3.44348 11.0631 3.59729 11.0906C3.7511 11.1181 3.90957 11.0846 4.03901 10.997C4.16845 10.9095 4.25864 10.775 4.2904 10.622L4.5772 9.01637H6.2086L5.9596 10.4108C5.9433 10.4893 5.9429 10.5703 5.95844 10.649C5.97397 10.7276 6.00511 10.8024 6.05003 10.8688C6.09495 10.9352 6.15273 10.992 6.21996 11.0357C6.28718 11.0794 6.36249 11.1092 6.44143 11.1234C6.52037 11.1375 6.60134 11.1356 6.67955 11.1179C6.75777 11.1002 6.83164 11.067 6.8968 11.0203C6.96196 10.9735 7.01709 10.9142 7.05893 10.8458C7.10077 10.7774 7.12847 10.7013 7.1404 10.622L7.4272 9.01637H9.4C9.55913 9.01637 9.71174 8.95315 9.82426 8.84063C9.93679 8.72811 10 8.5755 10 8.41637C10 8.25724 9.93679 8.10463 9.82426 7.9921C9.71174 7.87958 9.55913 7.81637 9.4 7.81637H7.642L8.1238 5.11637H10C10.1591 5.11637 10.3117 5.05315 10.4243 4.94063C10.5368 4.82811 10.6 4.6755 10.6 4.51637C10.6 4.35724 10.5368 4.20463 10.4243 4.0921C10.3117 3.97958 10.1591 3.91637 10 3.91637H8.338L8.6404 2.22197C8.6567 2.14345 8.6571 2.06246 8.64157 1.98379C8.62603 1.90511 8.59489 1.83035 8.54997 1.76392C8.50505 1.69749 8.44727 1.64073 8.38004 1.59701C8.31282 1.55329 8.23751 1.52349 8.15857 1.50937C8.07963 1.49525 7.99866 1.4971 7.92045 1.51481C7.84223 1.53252 7.76836 1.56572 7.7032 1.61246C7.63804 1.65921 7.58291 1.71854 7.54107 1.78695C7.49923 1.85536 7.47153 1.93147 7.4596 2.01077L7.1188 3.91637H5.488L5.7904 2.22197ZM6.4228 7.81637L6.904 5.11637H5.2738L4.7914 7.81637H6.4228Z\"\n      fill=\"#3C4257\"\n    />\n  </svg>\n);\n\nexport default HashtagIcon;\n"],"names":["HashtagIcon","jsx"],"mappings":";AAAA,MAAMA,IAAc,MAClB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/InfoIcon.mjs

@@ -0,0 +1,50 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+const r = () => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M6.78125 1.75137C4.00285 1.75137 1.75 4.00422 1.75 6.78262C1.75 9.56102 4.00285 11.8139 6.78125 11.8139C9.55965 11.8139 11.8125 9.56102 11.8125 6.78262C11.8125 4.00422 9.55965 1.75137 6.78125 1.75137Z",
+          stroke: "#697386",
+          strokeMiterlimit: "10"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M6.01562 6.01605H6.89062V9.18793",
+          stroke: "#697386",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M5.68738 9.29697H8.09363",
+          stroke: "#697386",
+          strokeMiterlimit: "10",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M6.78113 3.55554C6.64052 3.55554 6.50307 3.59724 6.38615 3.67536C6.26924 3.75348 6.17812 3.86451 6.12431 3.99442C6.0705 4.12432 6.05642 4.26727 6.08385 4.40518C6.11128 4.54308 6.17899 4.66976 6.27842 4.76919C6.37785 4.86861 6.50452 4.93632 6.64243 4.96376C6.78034 4.99119 6.92329 4.97711 7.05319 4.9233C7.1831 4.86949 7.29413 4.77837 7.37225 4.66146C7.45037 4.54454 7.49207 4.40709 7.49207 4.26648C7.49207 4.07793 7.41716 3.8971 7.28384 3.76377C7.15051 3.63044 6.96968 3.55554 6.78113 3.55554Z",
+          fill: "#697386"
+        }
+      )
+    ]
+  }
+);
+export {
+  r as default
+};
+//# sourceMappingURL=InfoIcon.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/InfoIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoIcon.mjs","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/InfoIcon.tsx"],"sourcesContent":["const InfoIcon = () => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M6.78125 1.75137C4.00285 1.75137 1.75 4.00422 1.75 6.78262C1.75 9.56102 4.00285 11.8139 6.78125 11.8139C9.55965 11.8139 11.8125 9.56102 11.8125 6.78262C11.8125 4.00422 9.55965 1.75137 6.78125 1.75137Z\"\n      stroke=\"#697386\"\n      strokeMiterlimit=\"10\"\n    />\n    <path\n      d=\"M6.01562 6.01605H6.89062V9.18793\"\n      stroke=\"#697386\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <path\n      d=\"M5.68738 9.29697H8.09363\"\n      stroke=\"#697386\"\n      strokeMiterlimit=\"10\"\n      strokeLinecap=\"round\"\n    />\n    <path\n      d=\"M6.78113 3.55554C6.64052 3.55554 6.50307 3.59724 6.38615 3.67536C6.26924 3.75348 6.17812 3.86451 6.12431 3.99442C6.0705 4.12432 6.05642 4.26727 6.08385 4.40518C6.11128 4.54308 6.17899 4.66976 6.27842 4.76919C6.37785 4.86861 6.50452 4.93632 6.64243 4.96376C6.78034 4.99119 6.92329 4.97711 7.05319 4.9233C7.1831 4.86949 7.29413 4.77837 7.37225 4.66146C7.45037 4.54454 7.49207 4.40709 7.49207 4.26648C7.49207 4.07793 7.41716 3.8971 7.28384 3.76377C7.15051 3.63044 6.96968 3.55554 6.78113 3.55554Z\"\n      fill=\"#697386\"\n    />\n  </svg>\n);\n\nexport default InfoIcon;\n"],"names":["InfoIcon","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAW,MACf,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,kBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,kBAAiB;AAAA,UACjB,eAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/LockIcon.mjs

@@ -0,0 +1,33 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+const C = () => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "12",
+    height: "13",
+    viewBox: "0 0 12 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ i("g", { clipPath: "url(#clip0_251_243)", children: /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M8.62497 4.99975H8.24997V3.12476C8.24997 2.52802 8.01292 1.95572 7.59096 1.53377C7.169 1.11181 6.59671 0.874756 5.99997 0.874756C5.40323 0.874756 4.83094 1.11181 4.40898 1.53377C3.98702 1.95572 3.74997 2.52802 3.74997 3.12476V4.99975H3.37497C2.97728 5.00019 2.596 5.15836 2.31479 5.43957C2.03358 5.72078 1.8754 6.10206 1.87497 6.49975V10.6248C1.8754 11.0224 2.03358 11.4037 2.31479 11.6849C2.596 11.9661 2.97728 12.1243 3.37497 12.1248H8.62497C9.02266 12.1243 9.40394 11.9661 9.68515 11.6849C9.96636 11.4037 10.1245 11.0224 10.125 10.6248V6.49975C10.1245 6.10206 9.96636 5.72078 9.68515 5.43957C9.40394 5.15836 9.02266 5.00019 8.62497 4.99975ZM7.49997 4.99975H4.49997V3.12476C4.49997 2.72693 4.658 2.3454 4.93931 2.0641C5.22061 1.78279 5.60214 1.62476 5.99997 1.62476C6.39779 1.62476 6.77932 1.78279 7.06063 2.0641C7.34193 2.3454 7.49997 2.72693 7.49997 3.12476V4.99975Z",
+          fill: "#3C4257"
+        }
+      ) }),
+      /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_251_243", children: /* @__PURE__ */ i(
+        "rect",
+        {
+          width: "12",
+          height: "12",
+          fill: "white",
+          transform: "translate(0 0.5)"
+        }
+      ) }) })
+    ]
+  }
+);
+export {
+  C as default
+};
+//# sourceMappingURL=LockIcon.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/LockIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockIcon.mjs","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/LockIcon.tsx"],"sourcesContent":["const LockIcon = () => (\n  <svg\n    width=\"12\"\n    height=\"13\"\n    viewBox=\"0 0 12 13\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clipPath=\"url(#clip0_251_243)\">\n      <path\n        d=\"M8.62497 4.99975H8.24997V3.12476C8.24997 2.52802 8.01292 1.95572 7.59096 1.53377C7.169 1.11181 6.59671 0.874756 5.99997 0.874756C5.40323 0.874756 4.83094 1.11181 4.40898 1.53377C3.98702 1.95572 3.74997 2.52802 3.74997 3.12476V4.99975H3.37497C2.97728 5.00019 2.596 5.15836 2.31479 5.43957C2.03358 5.72078 1.8754 6.10206 1.87497 6.49975V10.6248C1.8754 11.0224 2.03358 11.4037 2.31479 11.6849C2.596 11.9661 2.97728 12.1243 3.37497 12.1248H8.62497C9.02266 12.1243 9.40394 11.9661 9.68515 11.6849C9.96636 11.4037 10.1245 11.0224 10.125 10.6248V6.49975C10.1245 6.10206 9.96636 5.72078 9.68515 5.43957C9.40394 5.15836 9.02266 5.00019 8.62497 4.99975ZM7.49997 4.99975H4.49997V3.12476C4.49997 2.72693 4.658 2.3454 4.93931 2.0641C5.22061 1.78279 5.60214 1.62476 5.99997 1.62476C6.39779 1.62476 6.77932 1.78279 7.06063 2.0641C7.34193 2.3454 7.49997 2.72693 7.49997 3.12476V4.99975Z\"\n        fill=\"#3C4257\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_251_243\">\n        <rect\n          width=\"12\"\n          height=\"12\"\n          fill=\"white\"\n          transform=\"translate(0 0.5)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default LockIcon;\n"],"names":["LockIcon","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAW,MACf,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA;AAAA,MAAC,gBAAAC,EAAA,KAAA,EAAE,UAAS,uBACV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,MACC,gBAAAA,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,iBACX,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,SAEd,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/SearchIcon.mjs

@@ -0,0 +1,21 @@
+import { jsx as C } from "react/jsx-runtime";
+const o = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "14",
+    height: "15",
+    viewBox: "0 0 14 15",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        d: "M12.4881 12.0235L9.91536 9.45071C10.5348 8.62611 10.8691 7.62242 10.868 6.5911C10.868 3.9568 8.72481 1.8136 6.09052 1.8136C3.45622 1.8136 1.31302 3.9568 1.31302 6.5911C1.31302 9.22539 3.45622 11.3686 6.09052 11.3686C7.12184 11.3697 8.12553 11.0353 8.95013 10.4159L11.5229 12.9887C11.6531 13.1051 11.823 13.1673 11.9976 13.1624C12.1722 13.1575 12.3383 13.086 12.4619 12.9624C12.5854 12.8389 12.6569 12.6728 12.6618 12.4982C12.6667 12.3236 12.6046 12.1537 12.4881 12.0235ZM2.67802 6.5911C2.67802 5.91617 2.87816 5.2564 3.25313 4.69521C3.6281 4.13403 4.16106 3.69664 4.78461 3.43836C5.40816 3.18008 6.0943 3.1125 6.75626 3.24417C7.41822 3.37584 8.02627 3.70085 8.50352 4.1781C8.98077 4.65534 9.30578 5.26339 9.43745 5.92535C9.56912 6.58731 9.50154 7.27345 9.24326 7.897C8.98497 8.52056 8.54758 9.05352 7.9864 9.42849C7.42522 9.80346 6.76545 10.0036 6.09052 10.0036C5.1858 10.0025 4.31845 9.64263 3.67872 9.0029C3.03898 8.36317 2.6791 7.49582 2.67802 6.5911Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+export {
+  o as default
+};
+//# sourceMappingURL=SearchIcon.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/icons/SearchIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.mjs","sources":["../../../../../../../src/modules/slack/components/SlackChannelCombobox/icons/SearchIcon.tsx"],"sourcesContent":["const SearchIcon = () => (\n   <svg\n    width=\"14\"\n    height=\"15\"\n    viewBox=\"0 0 14 15\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12.4881 12.0235L9.91536 9.45071C10.5348 8.62611 10.8691 7.62242 10.868 6.5911C10.868 3.9568 8.72481 1.8136 6.09052 1.8136C3.45622 1.8136 1.31302 3.9568 1.31302 6.5911C1.31302 9.22539 3.45622 11.3686 6.09052 11.3686C7.12184 11.3697 8.12553 11.0353 8.95013 10.4159L11.5229 12.9887C11.6531 13.1051 11.823 13.1673 11.9976 13.1624C12.1722 13.1575 12.3383 13.086 12.4619 12.9624C12.5854 12.8389 12.6569 12.6728 12.6618 12.4982C12.6667 12.3236 12.6046 12.1537 12.4881 12.0235ZM2.67802 6.5911C2.67802 5.91617 2.87816 5.2564 3.25313 4.69521C3.6281 4.13403 4.16106 3.69664 4.78461 3.43836C5.40816 3.18008 6.0943 3.1125 6.75626 3.24417C7.41822 3.37584 8.02627 3.70085 8.50352 4.1781C8.98077 4.65534 9.30578 5.26339 9.43745 5.92535C9.56912 6.58731 9.50154 7.27345 9.24326 7.897C8.98497 8.52056 8.54758 9.05352 7.9864 9.42849C7.42522 9.80346 6.76545 10.0036 6.09052 10.0036C5.1858 10.0025 4.31845 9.64263 3.67872 9.0029C3.03898 8.36317 2.6791 7.49582 2.67802 6.5911Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default SearchIcon\n"],"names":["SearchIcon","jsx"],"mappings":";AAAA,MAAMA,IAAa,MAChB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}

package/dist/esm/modules/slack/components/SlackIcon/SlackIcon.mjs

@@ -0,0 +1,46 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+const h = ({
+  height: c,
+  width: l
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { height: c, width: l },
+    viewBox: "0 0 122.8 122.8",
+    children: [
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z",
+          fill: "#e01e5a"
+        }
+      ),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z",
+          fill: "#36c5f0"
+        }
+      ),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z",
+          fill: "#2eb67d"
+        }
+      ),
+      /* @__PURE__ */ s(
+        "path",
+        {
+          d: "M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z",
+          fill: "#ecb22e"
+        }
+      )
+    ]
+  }
+);
+export {
+  h as SlackIcon
+};
+//# sourceMappingURL=SlackIcon.mjs.map

package/dist/esm/modules/slack/components/SlackIcon/SlackIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackIcon.mjs","sources":["../../../../../../src/modules/slack/components/SlackIcon/SlackIcon.tsx"],"sourcesContent":["export const SlackIcon = ({\n  height,\n  width,\n}: {\n  height: string;\n  width: string;\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 122.8 122.8\"\n    >\n      <path\n        d=\"M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z\"\n        fill=\"#e01e5a\"\n      ></path>\n      <path\n        d=\"M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z\"\n        fill=\"#36c5f0\"\n      ></path>\n      <path\n        d=\"M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z\"\n        fill=\"#2eb67d\"\n      ></path>\n      <path\n        d=\"M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z\"\n        fill=\"#ecb22e\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["SlackIcon","height","width","jsxs","jsx"],"mappings":";AAAO,MAAMA,IAAY,CAAC;AAAA,EACxB,QAAAC;AAAA,EACA,OAAAC;AACF,MAKI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAO,EAAE,QAAAF,GAAQ,OAAAC,EAAM;AAAA,IACvB,SAAQ;AAAA,IAER,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACN;AAAA,MACD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACN;AAAA,MACD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACN;AAAA,MACD,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/index.css

@@ -1 +1 @@
-:root{--rnf-font-size-xs: .75rem;--rnf-font-size-sm: .875rem;--rnf-font-size-md: 1rem;--rnf-font-size-lg: 1.125rem;--rnf-font-size-xl: 1.266rem;--rnf-font-size-2xl: 1.5rem;--rnf-font-size-3xl: 1.75rem;--rnf-spacing-0: 0;--rnf-spacing-1: 4px;--rnf-spacing-2: 8px;--rnf-spacing-3: 12px;--rnf-spacing-4: 16px;--rnf-spacing-5: 20px;--rnf-spacing-6: 24px;--rnf-spacing-7: 32px;--rnf-spacing-8: 42px;--rnf-font-weight-normal: 400;--rnf-font-weight-medium: 500;--rnf-font-weight-semibold: 600;--rnf-font-weight-bold: 700;--rnf-font-family-sanserif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;--rnf-border-radius-sm: 2px;--rnf-border-radius-md: 4px;--rnf-border-radius-lg: 8px;--rnf-shadow-sm: 0px 5px 10px rgba(0, 0, 0, .12);--rnf-shadow-md: 0px 8px 30px rgba(0, 0, 0, .24);--rnf-color-white: #fff;--rnf-color-white-a-75: rgba(255, 255, 255, .75);--rnf-color-black: #000;--rnf-color-gray-900: #1a1f36;--rnf-color-gray-800: #3c4257;--rnf-color-gray-700: #3c4257;--rnf-color-gray-600: #515669;--rnf-color-gray-500: #697386;--rnf-color-gray-400: #9ea0aa;--rnf-color-gray-300: #a5acb8;--rnf-color-gray-200: #dddee1;--rnf-color-gray-100: #e4e8ee;--rnf-color-brand-500: #e95744;--rnf-color-brand-700: #e4321b;--rnf-color-brand-900: #891e10;--rnf-unread-badge-bg-color: #dd514c;--rnf-avatar-bg-color: #ef8476;--rnf-message-cell-unread-dot-bg-color: #f4ada4;--rnf-message-cell-hover-bg-color: #f1f6fc}:root{--rnf-button-padding-x: 8px;--rnf-button-padding-y: 4px;--rnf-button-border-radius: 4px;--rnf-button-font-weight: var(--rnf-font-weight-medium);--rnf-button-font-size: var(--rnf-font-size-sm);--rnf-button-primary-bg-color: var(--rnf-color-brand-500);--rnf-button-primary-hover-bg-color: var(--rnf-color-brand-700);--rnf-button-primary-border-color: transparent;--rnf-button-primary-text-color: var(--rnf-color-white);--rnf-button-secondary-bg-color: var(--rnf-color-white);--rnf-button-secondary-hover-bg-color: #dddee1;--rnf-button-secondary-border-color: #dddee1;--rnf-button-secondary-text-color: var(--rnf-color-gray-700)}.rnf-button{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;width:auto;padding:var(--rnf-button-padding-y) var(--rnf-button-padding-x);border-radius:var(--rnf-button-border-radius);font-size:var(--rnf-button-font-size);line-height:var(--rnf-font-size-lg);font-weight:var(--rnf-button-font-weight);border:1px solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .1s ease-in-out}.rnf-button--full-width{width:100%}.rnf-button--primary{background-color:var(--rnf-button-primary-bg-color);color:var(--rnf-button-primary-text-color);border-color:var(--rnf-button-primary-border-color)}.rnf-button--primary:hover:not(:disabled),.rnf-button--primary:active:not(:disabled){background-color:var(--rnf-button-primary-hover-bg-color)}.rnf-button:disabled{opacity:.4;cursor:not-allowed}.rnf-button--secondary{background-color:var(--rnf-button-secondary-bg-color);color:var(--rnf-button-secondary-text-color);border-color:var(--rnf-button-secondary-border-color)}.rnf-button--secondary:hover:not(:disabled),.rnf-button--secondary:active:not(:disabled){background-color:var(--rnf-button-secondary-hover-bg-color)}.rnf-button--dark.rnf-button--secondary{border-color:#43464c;background-color:#43464c;color:var(--rnf-color-white-a-75)}.rnf-button__button-text-hidden{opacity:0}.rnf-button--dark.rnf-button--secondary:hover:not(:disabled),.rnf-button--dark.rnf-button--secondary:active:not(:disabled){background-color:var(--rnf-color-gray-600)}.rnf-button-spinner{display:flex;align-items:center;font-size:1rem;line-height:"normal"}.rnf-button-spinner--without-label{position:absolute}.rnf-button-spinner--with-label{margin-right:6px}.rnf-button--primary .rnf-button-spinner circle{stroke:#fff}.rnf-button--secondary .rnf-button-spinner circle{stroke:var(--rnf-button-secondary-text-color)}.rnf-button--dark.rnf-button--secondary .rnf-button-spinner circle{stroke:var(--rnf-color-white-a-75)}.rnf-button-group>.rnf-button+.rnf-button{margin-left:8px}:root{--rnf-avatar-bg-color: #ef8476;--rnf-avatar-size: 32px;--rnf-avatar-initials-font-size: var(--rnf-font-size-md);--rnf-avatar-initials-line-height: var(--rnf-font-size-lg);--rnf-avatar-initials-color: #fff;--rnf-notification-cell-border-bottom-color: #e4e8ee;--rnf-notification-cell-padding: var(--rnf-spacing-3);--rnf-notification-cell-active-bg-color: #f1f6fc;--rnf-notification-cell-unread-dot-size: 6px;--rnf-notification-cell-unread-dot-bg-color: #80c7f5;--rnf-notification-cell-unread-dot-border-color: #3192e3;--rnf-notification-cell-content-color: var(--rnf-color-gray-900);--rnf-notification-cell-content-font-size: var(--rnf-font-size-sm);--rnf-notification-cell-content-line-height: var(--rnf-font-size-lg);--rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-400);--rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-500)}.rnf-avatar{background-color:var(--rnf-avatar-bg-color);border-radius:var(--rnf-avatar-size);width:var(--rnf-avatar-size);height:var(--rnf-avatar-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.rnf-avatar__initials{font-size:var(--rnf-avatar-initials-font-size);line-height:var(--rnf-avatar-initials-line-height);color:var(--rnf-avatar-initials-color)}.rnf-avatar__image{object-fit:cover;width:var(--rnf-avatar-size);height:var(--rnf-avatar-size)}.rnf-notification-cell{background-color:transparent;position:relative;border-bottom:1px solid var(--rnf-notification-cell-border-bottom-color)}.rnf-notification-cell:last-child{border-bottom-color:transparent}.rnf-notification-cell:hover,.rnf-notification-cell:focus,.rnf-notification-cell:active{background-color:var(--rnf-notification-cell-active-bg-color);outline:none}.rnf-notification-cell__inner{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:100%;text-decoration:none;display:flex;padding:var(--rnf-notification-cell-padding);cursor:pointer;text-align:left;justify-content:flex-start}.rnf-notification-cell__unread-dot{position:absolute;top:var(--rnf-notification-cell-unread-dot-size);left:var(--rnf-notification-cell-unread-dot-size);width:var(--rnf-notification-cell-unread-dot-size);height:var(--rnf-notification-cell-unread-dot-size);border-radius:var(--rnf-notification-cell-unread-dot-size);background-color:var(--rnf-notification-cell-unread-dot-bg-color);border:1px solid var(--rnf-notification-cell-unread-dot-border-color)}.rnf-notification-cell__content-outer{margin-left:var(--rnf-spacing-3)}.rnf-notification-cell__content{color:var(--rnf-notification-cell-content-color);display:block;font-weight:var(--rnf-font-weight-normal);font-size:var(--rnf-notification-cell-content-font-size);line-height:var(--rnf-notification-cell-content-line-height);margin-bottom:var(--rnf-spacing-1);word-break:normal;word-wrap:break-word}.rnf-notification-cell__content h1,.rnf-notification-cell__content h2,.rnf-notification-cell__content h3,.rnf-notification-cell__content h4{font-weight:var(--rnf-font-weight-semibold);margin-bottom:.5em}.rnf-notification-cell__content h1{font-size:var(--rnf-font-size-2xl)}.rnf-notification-cell__content h2{font-size:var(--rnf-font-size-xl)}.rnf-notification-cell__content h3{font-size:var(--rnf-font-size-lg)}.rnf-notification-cell__content h4{font-size:var(--rnf-font-size-md)}.rnf-notification-cell__content p{margin:0 0 .75em}.rnf-notification-cell__content p:last-child{margin-bottom:0}.rnf-notification-cell__content blockquote{border-left:3px solid var(--rnf-color-gray-300);padding-left:var(--rnf-spacing-3);line-height:var(--rnf-font-size-xl);margin:0}.rnf-notification-cell__content strong{font-weight:var(--rnf-font-weight-semibold)}.rnf-notification-cell__timestamp{display:block;color:var(--rnf-color-gray-300);font-size:var(--rnf-font-size-sm);font-weight:var(--rnf-font-weight-normal);line-height:var(--rnf-font-size-lg)}.rnf-notification-cell__child-content{margin:.75em 0 .5em}.rnf-archive-notification-btn{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;border:none;opacity:0;width:24px;height:24px;cursor:pointer;margin-left:auto;color:var(--rnf-archive-notification-btn-bg-color);padding:var(--rnf-spacing-1) var(--rnf-spacing-2);transition:color .1s ease-in-out,opacity .2s ease-in-out}.rnf-notification-cell:focus .rnf-archive-notification-btn,.rnf-notification-cell:hover .rnf-archive-notification-btn,.rnf-notification-cell:active .rnf-archive-notification-btn{opacity:1}.rnf-archive-notification-btn:focus,.rnf-archive-notification-btn:hover,.rnf-archive-notification-btn:active{outline:none;opacity:1;color:var(--rnf-archive-notification-btn-bg-color-active)}.rnf-tooltip{background-color:var(--rnf-color-gray-700);border-radius:4px;box-shadow:0 2px 4px #0000002e;color:#fff;display:flex;flex-direction:column;padding:var(--rnf-spacing-1) var(--rnf-spacing-2);font-size:var(--rnf-font-size-xs);line-height:var(--rnf-font-size-s);font-weight:var(--rnf-font-weight-medium);transition:opacity .3s;z-index:9999}.rnf-notification-cell--dark{--rnf-notification-cell-border-bottom-color: rgba(105, 115, 134, .65);--rnf-notification-cell-active-bg-color: #393b40;--rnf-notification-cell-content-color: var(--rnf-color-white-a-75)}.rnf-notification-cell--dark:last-child{border-bottom-color:transparent}.rnf-notification-cell--dark .rnf-notification-cell__timestamp{color:var(--rnf-color-gray-500)}.rnf-archive-notification-btn--dark{--rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-500);--rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-400)}.rnf-tooltip--dark{background-color:#565a61}@media screen and (hover: none){.rnf-archive-notification-btn{opacity:1}}.rnf-feed-provider{font-family:var(--rnf-font-family-sanserif)!important;margin:0!important;padding:0!important}.rnf-feed-provider [class^=rnf-]{font-family:var(--rnf-font-family-sanserif)!important;box-sizing:border-box}:root{--rnf-empty-feed-max-w: 240px;--rnf-empty-feed-header-font-size: var(--rnf-font-size-md);--rnf-empty-feed-body-font-size: var(--rnf-font-size-sm)}.rnf-empty-feed{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.rnf-empty-feed__inner{max-width:var(--rnf-empty-feed-max-w);margin:-20px auto 0;text-align:center}.rnf-empty-feed__header{font-size:var(--rnf-empty-feed-header-font-size);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-900);margin:0 0 var(--rnf-spacing-1)}.rnf-empty-feed__body{font-size:var(--rnf-empty-feed-body-font-size);color:var(--rnf-color-gray-300);margin:0}.rnf-empty-feed--dark .rnf-empty-feed__header{color:var(--rnf-color-white-a-75)}.rnf-empty-feed--dark .rnf-empty-feed__body{color:var(--rnf-color-gray-400)}:root{--rnf-notification-feed-header-height: 45px}.rnf-notification-feed{background-color:var(--rnf-color-white);height:100%;display:flex;flex-direction:column}.rnf-dropdown{font-size:var(--rnf-font-size-md);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-400);position:relative}.rnf-dropdown select{padding-right:var(--rnf-spacing-3);color:currentColor;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--rnf-font-size-sm);position:relative;text-align:right;z-index:2}.rnf-dropdown svg{position:absolute;top:50%;margin-top:-2px;right:0;z-index:1}.rnf-mark-all-as-read{border:none;background:transparent;margin-left:auto;display:flex;align-items:center;padding:0;font-size:var(--rnf-font-size-sm);color:var(--rnf-color-gray-400);cursor:pointer}.rnf-mark-all-as-read:disabled{color:var(--rnf-color-gray-200);cursor:not-allowed}.rnf-mark-all-as-read svg{margin-top:1px;margin-left:var(--rnf-spacing-1)}.rnf-notification-feed__header{padding:var(--rnf-spacing-3) var(--rnf-spacing-4);height:var(--rnf-notification-feed-header-height);display:flex;align-items:center}.rnf-notification-feed__selector{display:flex;align-items:center}.rnf-notification-feed__type{font-size:var(--rnf-font-size-sm);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-900);margin-right:var(--rnf-spacing-2)}.rnf-notification-feed__container{overflow-y:auto;flex:1}.rnf-notification-feed__spinner-container{padding:var(--rnf-spacing-3) var(--rnf-spacing-4)}.rnf-notification-feed__spinner-container svg{margin:0 auto;display:block}.rnf-notification-feed__knock-branding{text-align:center}.rnf-notification-feed__knock-branding a{display:block;font-size:var(--rnf-font-size-sm);color:var(--rnf-color-gray-500);padding:6px;border-top:1px solid var(--rnf-color-gray-100)}.rnf-notification-feed__knock-branding a:hover{background-color:#f1f6fc}.rnf-notification-feed--dark{background-color:#2e2f34}.rnf-notification-feed--dark .rnf-notification-feed__type{color:var(--rnf-color-white-a-75)}.rnf-dropdown--dark{color:var(--rnf-color-gray-400)}.rnf-mark-all-as-read--dark:disabled{color:var(--rnf-color-gray-500)}.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a{color:var(--rnf-color-gray-400);border-top-color:#697386a6}.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a:hover{background-color:#393b40}:root{--rnf-notification-feed-popover-max-w: 400px;--rnf-notification-feed-popover-min-w: 280px;--rnf-notification-feed-popover-height: 400px;--rnf-notification-feed-popover-shadow: drop-shadow( 0px 5px 15px rgba(0, 0, 0, .2) );--rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2);--rnf-notification-feed-popover-bg-color: #fff;--rnf-notification-feed-popover-z-index: 999;--rnf-notification-feed-popover-arrow-size: 10px;--rnf-notification-feed-popover-border-radius: 4px}.rnf-notification-feed-popover{width:100%;max-width:var(--rnf-notification-feed-popover-max-w);min-width:var(--rnf-notification-feed-popover-min-w);height:var(--rnf-notification-feed-popover-height);z-index:var(--rnf-notification-feed-popover-z-index)}.rnf-notification-feed-popover__inner{overflow:hidden;background-color:var(--rnf-notification-feed-popover-bg-color);border-radius:var(--rnf-notification-feed-popover-border-radius);filter:var(--rnf-notification-feed-popover-shadow);height:100%}.rnf-notification-feed-popover__arrow{position:absolute;width:var(--rnf-notification-feed-popover-arrow-size);height:var(--rnf-notification-feed-popover-arrow-size)}.rnf-notification-feed-popover__arrow:after{content:" ";display:block;background-color:var(--rnf-notification-feed-popover-bg-color);box-shadow:-1px -1px 1px var(--rnf-notification-feed-popover-shadow-color);position:absolute;top:-5px;left:0;transform:rotate(45deg);width:var(--rnf-notification-feed-popover-arrow-size);height:var(--rnf-notification-feed-popover-arrow-size)}.rnf-notification-feed-popover--dark{--rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2)}:root{--rnf-notification-icon-button-size: 32px;--rnf-notification-icon-button-bg-color: transparent}.rnf-notification-icon-button{background-color:var(--rnf-notification-icon-button-bg-color);border:none;position:relative;display:block;margin:0;padding:0;cursor:pointer;width:var(--rnf-notification-icon-button-size);height:var(--rnf-notification-icon-button-size);color:inherit}.rnf-notification-icon-button svg{display:block;margin:0 auto}.rnf-notification-icon-button--dark{color:#fff}:root{--rnf-unseen-badge-bg-color: #eb5757;--rnf-unseen-badge-size: 16px;--rnf-unseed-badge-font-size: 9px}.rnf-unseen-badge{background-color:var(--rnf-unseen-badge-bg-color);width:var(--rnf-unseen-badge-size);height:var(--rnf-unseen-badge-size);border-radius:var(--rnf-unseen-badge-size);position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0}.rnf-unseen-badge__count{font-size:var(--rnf-unseed-badge-font-size);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-white);margin-top:-1px}.rnf-unseen-badge--dark{--rnf-unseen-badge-bg-color: #ef3434}
+:root{--rnf-font-size-xs: .75rem;--rnf-font-size-sm: .875rem;--rnf-font-size-md: 1rem;--rnf-font-size-lg: 1.125rem;--rnf-font-size-xl: 1.266rem;--rnf-font-size-2xl: 1.5rem;--rnf-font-size-3xl: 1.75rem;--rnf-spacing-0: 0;--rnf-spacing-1: 4px;--rnf-spacing-2: 8px;--rnf-spacing-3: 12px;--rnf-spacing-4: 16px;--rnf-spacing-5: 20px;--rnf-spacing-6: 24px;--rnf-spacing-7: 32px;--rnf-spacing-8: 42px;--rnf-font-weight-normal: 400;--rnf-font-weight-medium: 500;--rnf-font-weight-semibold: 600;--rnf-font-weight-bold: 700;--rnf-font-family-sanserif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;--rnf-border-radius-sm: 2px;--rnf-border-radius-md: 4px;--rnf-border-radius-lg: 8px;--rnf-shadow-sm: 0px 5px 10px rgba(0, 0, 0, .12);--rnf-shadow-md: 0px 8px 30px rgba(0, 0, 0, .24);--rnf-color-white: #fff;--rnf-color-white-a-75: rgba(255, 255, 255, .75);--rnf-color-black: #000;--rnf-color-gray-900: #1a1f36;--rnf-color-gray-800: #3c4257;--rnf-color-gray-700: #3c4257;--rnf-color-gray-600: #515669;--rnf-color-gray-500: #697386;--rnf-color-gray-400: #9ea0aa;--rnf-color-gray-300: #a5acb8;--rnf-color-gray-200: #dddee1;--rnf-color-gray-100: #e4e8ee;--rnf-color-brand-500: #e95744;--rnf-color-brand-700: #e4321b;--rnf-color-brand-900: #891e10;--rnf-unread-badge-bg-color: #dd514c;--rnf-avatar-bg-color: #ef8476;--rnf-message-cell-unread-dot-bg-color: #f4ada4;--rnf-message-cell-hover-bg-color: #f1f6fc}:root{--rnf-button-padding-x: 8px;--rnf-button-padding-y: 4px;--rnf-button-border-radius: 4px;--rnf-button-font-weight: var(--rnf-font-weight-medium);--rnf-button-font-size: var(--rnf-font-size-sm);--rnf-button-primary-bg-color: var(--rnf-color-brand-500);--rnf-button-primary-hover-bg-color: var(--rnf-color-brand-700);--rnf-button-primary-border-color: transparent;--rnf-button-primary-text-color: var(--rnf-color-white);--rnf-button-secondary-bg-color: var(--rnf-color-white);--rnf-button-secondary-hover-bg-color: #dddee1;--rnf-button-secondary-border-color: #dddee1;--rnf-button-secondary-text-color: var(--rnf-color-gray-700)}.rnf-button{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;width:auto;padding:var(--rnf-button-padding-y) var(--rnf-button-padding-x);border-radius:var(--rnf-button-border-radius);font-size:var(--rnf-button-font-size);line-height:var(--rnf-font-size-lg);font-weight:var(--rnf-button-font-weight);border:1px solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .1s ease-in-out}.rnf-button--full-width{width:100%}.rnf-button--primary{background-color:var(--rnf-button-primary-bg-color);color:var(--rnf-button-primary-text-color);border-color:var(--rnf-button-primary-border-color)}.rnf-button--primary:hover:not(:disabled),.rnf-button--primary:active:not(:disabled){background-color:var(--rnf-button-primary-hover-bg-color)}.rnf-button:disabled{opacity:.4;cursor:not-allowed}.rnf-button--secondary{background-color:var(--rnf-button-secondary-bg-color);color:var(--rnf-button-secondary-text-color);border-color:var(--rnf-button-secondary-border-color)}.rnf-button--secondary:hover:not(:disabled),.rnf-button--secondary:active:not(:disabled){background-color:var(--rnf-button-secondary-hover-bg-color)}.rnf-button--dark.rnf-button--secondary{border-color:#43464c;background-color:#43464c;color:var(--rnf-color-white-a-75)}.rnf-button__button-text-hidden{opacity:0}.rnf-button--dark.rnf-button--secondary:hover:not(:disabled),.rnf-button--dark.rnf-button--secondary:active:not(:disabled){background-color:var(--rnf-color-gray-600)}.rnf-button-spinner{display:flex;align-items:center;font-size:1rem;line-height:"normal"}.rnf-button-spinner--without-label{position:absolute}.rnf-button-spinner--with-label{margin-right:6px}.rnf-button--primary .rnf-button-spinner circle{stroke:#fff}.rnf-button--secondary .rnf-button-spinner circle{stroke:var(--rnf-button-secondary-text-color)}.rnf-button--dark.rnf-button--secondary .rnf-button-spinner circle{stroke:var(--rnf-color-white-a-75)}.rnf-button-group>.rnf-button+.rnf-button{margin-left:8px}:root{--rnf-notification-feed-popover-max-w: 400px;--rnf-notification-feed-popover-min-w: 280px;--rnf-notification-feed-popover-height: 400px;--rnf-notification-feed-popover-shadow: drop-shadow( 0px 5px 15px rgba(0, 0, 0, .2) );--rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2);--rnf-notification-feed-popover-bg-color: #fff;--rnf-notification-feed-popover-z-index: 999;--rnf-notification-feed-popover-arrow-size: 10px;--rnf-notification-feed-popover-border-radius: 4px}.rnf-notification-feed-popover{width:100%;max-width:var(--rnf-notification-feed-popover-max-w);min-width:var(--rnf-notification-feed-popover-min-w);height:var(--rnf-notification-feed-popover-height);z-index:var(--rnf-notification-feed-popover-z-index)}.rnf-notification-feed-popover__inner{overflow:hidden;background-color:var(--rnf-notification-feed-popover-bg-color);border-radius:var(--rnf-notification-feed-popover-border-radius);filter:var(--rnf-notification-feed-popover-shadow);height:100%}.rnf-notification-feed-popover__arrow{position:absolute;width:var(--rnf-notification-feed-popover-arrow-size);height:var(--rnf-notification-feed-popover-arrow-size)}.rnf-notification-feed-popover__arrow:after{content:" ";display:block;background-color:var(--rnf-notification-feed-popover-bg-color);box-shadow:-1px -1px 1px var(--rnf-notification-feed-popover-shadow-color);position:absolute;top:-5px;left:0;transform:rotate(45deg);width:var(--rnf-notification-feed-popover-arrow-size);height:var(--rnf-notification-feed-popover-arrow-size)}.rnf-notification-feed-popover--dark{--rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2)}:root{--rnf-notification-feed-header-height: 45px}.rnf-notification-feed{background-color:var(--rnf-color-white);height:100%;display:flex;flex-direction:column}.rnf-dropdown{font-size:var(--rnf-font-size-md);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-400);position:relative}.rnf-dropdown select{padding-right:var(--rnf-spacing-3);color:currentColor;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--rnf-font-size-sm);position:relative;text-align:right;z-index:2}.rnf-dropdown svg{position:absolute;top:50%;margin-top:-2px;right:0;z-index:1}.rnf-mark-all-as-read{border:none;background:transparent;margin-left:auto;display:flex;align-items:center;padding:0;font-size:var(--rnf-font-size-sm);color:var(--rnf-color-gray-400);cursor:pointer}.rnf-mark-all-as-read:disabled{color:var(--rnf-color-gray-200);cursor:not-allowed}.rnf-mark-all-as-read svg{margin-top:1px;margin-left:var(--rnf-spacing-1)}.rnf-notification-feed__header{padding:var(--rnf-spacing-3) var(--rnf-spacing-4);height:var(--rnf-notification-feed-header-height);display:flex;align-items:center}.rnf-notification-feed__selector{display:flex;align-items:center}.rnf-notification-feed__type{font-size:var(--rnf-font-size-sm);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-900);margin-right:var(--rnf-spacing-2)}.rnf-notification-feed__container{overflow-y:auto;flex:1}.rnf-notification-feed__spinner-container{padding:var(--rnf-spacing-3) var(--rnf-spacing-4)}.rnf-notification-feed__spinner-container svg{margin:0 auto;display:block}.rnf-notification-feed__knock-branding{text-align:center}.rnf-notification-feed__knock-branding a{display:block;font-size:var(--rnf-font-size-sm);color:var(--rnf-color-gray-500);padding:6px;border-top:1px solid var(--rnf-color-gray-100)}.rnf-notification-feed__knock-branding a:hover{background-color:#f1f6fc}.rnf-notification-feed--dark{background-color:#2e2f34}.rnf-notification-feed--dark .rnf-notification-feed__type{color:var(--rnf-color-white-a-75)}.rnf-dropdown--dark{color:var(--rnf-color-gray-400)}.rnf-mark-all-as-read--dark:disabled{color:var(--rnf-color-gray-500)}.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a{color:var(--rnf-color-gray-400);border-top-color:#697386a6}.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a:hover{background-color:#393b40}:root{--rnf-avatar-bg-color: #ef8476;--rnf-avatar-size: 32px;--rnf-avatar-initials-font-size: var(--rnf-font-size-md);--rnf-avatar-initials-line-height: var(--rnf-font-size-lg);--rnf-avatar-initials-color: #fff;--rnf-notification-cell-border-bottom-color: #e4e8ee;--rnf-notification-cell-padding: var(--rnf-spacing-3);--rnf-notification-cell-active-bg-color: #f1f6fc;--rnf-notification-cell-unread-dot-size: 6px;--rnf-notification-cell-unread-dot-bg-color: #80c7f5;--rnf-notification-cell-unread-dot-border-color: #3192e3;--rnf-notification-cell-content-color: var(--rnf-color-gray-900);--rnf-notification-cell-content-font-size: var(--rnf-font-size-sm);--rnf-notification-cell-content-line-height: var(--rnf-font-size-lg);--rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-400);--rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-500)}.rnf-avatar{background-color:var(--rnf-avatar-bg-color);border-radius:var(--rnf-avatar-size);width:var(--rnf-avatar-size);height:var(--rnf-avatar-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.rnf-avatar__initials{font-size:var(--rnf-avatar-initials-font-size);line-height:var(--rnf-avatar-initials-line-height);color:var(--rnf-avatar-initials-color)}.rnf-avatar__image{object-fit:cover;width:var(--rnf-avatar-size);height:var(--rnf-avatar-size)}.rnf-notification-cell{background-color:transparent;position:relative;border-bottom:1px solid var(--rnf-notification-cell-border-bottom-color)}.rnf-notification-cell:last-child{border-bottom-color:transparent}.rnf-notification-cell:hover,.rnf-notification-cell:focus,.rnf-notification-cell:active{background-color:var(--rnf-notification-cell-active-bg-color);outline:none}.rnf-notification-cell__inner{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:100%;text-decoration:none;display:flex;padding:var(--rnf-notification-cell-padding);cursor:pointer;text-align:left;justify-content:flex-start}.rnf-notification-cell__unread-dot{position:absolute;top:var(--rnf-notification-cell-unread-dot-size);left:var(--rnf-notification-cell-unread-dot-size);width:var(--rnf-notification-cell-unread-dot-size);height:var(--rnf-notification-cell-unread-dot-size);border-radius:var(--rnf-notification-cell-unread-dot-size);background-color:var(--rnf-notification-cell-unread-dot-bg-color);border:1px solid var(--rnf-notification-cell-unread-dot-border-color)}.rnf-notification-cell__content-outer{margin-left:var(--rnf-spacing-3)}.rnf-notification-cell__content{color:var(--rnf-notification-cell-content-color);display:block;font-weight:var(--rnf-font-weight-normal);font-size:var(--rnf-notification-cell-content-font-size);line-height:var(--rnf-notification-cell-content-line-height);margin-bottom:var(--rnf-spacing-1);word-break:normal;word-wrap:break-word}.rnf-notification-cell__content h1,.rnf-notification-cell__content h2,.rnf-notification-cell__content h3,.rnf-notification-cell__content h4{font-weight:var(--rnf-font-weight-semibold);margin-bottom:.5em}.rnf-notification-cell__content h1{font-size:var(--rnf-font-size-2xl)}.rnf-notification-cell__content h2{font-size:var(--rnf-font-size-xl)}.rnf-notification-cell__content h3{font-size:var(--rnf-font-size-lg)}.rnf-notification-cell__content h4{font-size:var(--rnf-font-size-md)}.rnf-notification-cell__content p{margin:0 0 .75em}.rnf-notification-cell__content p:last-child{margin-bottom:0}.rnf-notification-cell__content blockquote{border-left:3px solid var(--rnf-color-gray-300);padding-left:var(--rnf-spacing-3);line-height:var(--rnf-font-size-xl);margin:0}.rnf-notification-cell__content strong{font-weight:var(--rnf-font-weight-semibold)}.rnf-notification-cell__timestamp{display:block;color:var(--rnf-color-gray-300);font-size:var(--rnf-font-size-sm);font-weight:var(--rnf-font-weight-normal);line-height:var(--rnf-font-size-lg)}.rnf-notification-cell__child-content{margin:.75em 0 .5em}.rnf-archive-notification-btn{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;border:none;opacity:0;width:24px;height:24px;cursor:pointer;margin-left:auto;color:var(--rnf-archive-notification-btn-bg-color);padding:var(--rnf-spacing-1) var(--rnf-spacing-2);transition:color .1s ease-in-out,opacity .2s ease-in-out}.rnf-notification-cell:focus .rnf-archive-notification-btn,.rnf-notification-cell:hover .rnf-archive-notification-btn,.rnf-notification-cell:active .rnf-archive-notification-btn{opacity:1}.rnf-archive-notification-btn:focus,.rnf-archive-notification-btn:hover,.rnf-archive-notification-btn:active{outline:none;opacity:1;color:var(--rnf-archive-notification-btn-bg-color-active)}.rnf-tooltip{background-color:var(--rnf-color-gray-700);border-radius:4px;box-shadow:0 2px 4px #0000002e;color:#fff;display:flex;flex-direction:column;padding:var(--rnf-spacing-1) var(--rnf-spacing-2);font-size:var(--rnf-font-size-xs);line-height:var(--rnf-font-size-s);font-weight:var(--rnf-font-weight-medium);transition:opacity .3s;z-index:9999}.rnf-notification-cell--dark{--rnf-notification-cell-border-bottom-color: rgba(105, 115, 134, .65);--rnf-notification-cell-active-bg-color: #393b40;--rnf-notification-cell-content-color: var(--rnf-color-white-a-75)}.rnf-notification-cell--dark:last-child{border-bottom-color:transparent}.rnf-notification-cell--dark .rnf-notification-cell__timestamp{color:var(--rnf-color-gray-500)}.rnf-archive-notification-btn--dark{--rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-500);--rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-400)}.rnf-tooltip--dark{background-color:#565a61}@media screen and (hover: none){.rnf-archive-notification-btn{opacity:1}}.rnf-feed-provider{font-family:var(--rnf-font-family-sanserif)!important;margin:0!important;padding:0!important}.rnf-feed-provider [class^=rnf-]{font-family:var(--rnf-font-family-sanserif)!important;box-sizing:border-box}:root{--rnf-empty-feed-max-w: 240px;--rnf-empty-feed-header-font-size: var(--rnf-font-size-md);--rnf-empty-feed-body-font-size: var(--rnf-font-size-sm)}.rnf-empty-feed{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.rnf-empty-feed__inner{max-width:var(--rnf-empty-feed-max-w);margin:-20px auto 0;text-align:center}.rnf-empty-feed__header{font-size:var(--rnf-empty-feed-header-font-size);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-gray-900);margin:0 0 var(--rnf-spacing-1)}.rnf-empty-feed__body{font-size:var(--rnf-empty-feed-body-font-size);color:var(--rnf-color-gray-300);margin:0}.rnf-empty-feed--dark .rnf-empty-feed__header{color:var(--rnf-color-white-a-75)}.rnf-empty-feed--dark .rnf-empty-feed__body{color:var(--rnf-color-gray-400)}:root{--rsk-font-size-xs: .75rem;--rsk-font-size-sm: .875rem;--rsk-font-size-md: 1rem;--rsk-font-size-lg: 1.125rem;--rsk-font-size-xl: 1.266rem;--rsk-font-size-2xl: 1.5rem;--rsk-font-size-3xl: 1.75rem;--rsk-spacing-0: 0rem;--rsk-spacing-1: .25rem;--rsk-spacing-2: .5rem;--rsk-spacing-3: .75rem;--rsk-spacing-4: 1rem;--rsk-spacing-5: 1.25rem;--rsk-spacing-6: 1.5rem;--rsk-spacing-7: 2rem;--rsk-font-weight-normal: 400;--rsk-font-weight-medium: 500;--rsk-font-weight-semibold: 600;--rsk-font-weight-bold: 700;--rsk-font-family-sanserif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;--rsk-border-radius-sm: 2px;--rsk-border-radius-md: 4px;--rsk-border-radius-lg: 8px;--rsk-button-border-radius: 6px;--rsk-color-white: #fff;--rsk-color-white-a-75: rgba(255, 255, 255, .75);--rsk-color-black: #000;--rsk-color-gray-900: #1a1f36;--rsk-color-gray-800: #3c4257;--rsk-color-gray-700: #3c4257;--rsk-color-gray-600: #515669;--rsk-color-gray-500: #697386;--rsk-color-gray-400: #9ea0aa;--rsk-color-gray-300: #a5acb8;--rsk-color-gray-200: #dddee1;--rsk-color-gray-100: #e4e8ee;--rsk-color-brand-500: #e95744;--rsk-color-brand-700: #e4321b;--rsk-color-brand-900: #891e10;--rsk-button-hover-color: rgba(247, 247, 248, 1)}:root{--rsk-connected-color: rgba(51, 163, 102, 1);--rsk-disconnect-border-color: rgba(230, 71, 51, 1);--rsk-disconnect-background-color: rgba(255, 245, 245, 1);--rsk-error-red: rgba(205, 123, 46, 1)}.rsk-connect__button{background-color:var(--rsk-color-white);border:1px solid var(--rsk-color-gray-200);border-radius:var(--rsk-button-border-radius);box-sizing:border-box;color:var(--rsk-color-black);cursor:pointer;display:inline-flex;font-family:var(--rsk-font-family-sanserif);font-size:var(--rsk-font-size-sm);font-weight:var(--rsk-font-weight-normal);gap:var(--rsk-spacing-2);padding:var(--rsk-spacing-1) var(--rsk-spacing-2);text-decoration:none;text-overflow:ellipsis;text-wrap:nowrap;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.rsk-connect__button--connected{border-color:var(--rsk-connected-color);color:var(--rsk-connected-color);width:120px}.rsk-connect__button--error{border-color:var(--rsk-error-red);color:var(--rsk-error-red)}.rsk-connect__button--loading{border-color:var(--rsk-color-gray-100);color:var(--rsk-color-gray-400);pointer-events:none}.rsk-connect__button--disconnected:hover{background-color:var(--rsk-button-hover-color)}.rsk-connect__button--connected:hover,.rsk-connect__button__text--connected:hover{background-color:var(--rsk-disconnect-background-color);border-color:var(--rsk-disconnect-border-color);color:var(--rsk-disconnect-border-color)}.rsk-connect__button--error:hover,.rsk-connect__button__text--error:hover{border-color:var(--rsk-color-black);color:var(--rsk-color-black)}.rsk-connect__button:active{transform:translate(1px,1px)}:root{--rnf-unseen-badge-bg-color: #eb5757;--rnf-unseen-badge-size: 16px;--rnf-unseed-badge-font-size: 9px}.rnf-unseen-badge{background-color:var(--rnf-unseen-badge-bg-color);width:var(--rnf-unseen-badge-size);height:var(--rnf-unseen-badge-size);border-radius:var(--rnf-unseen-badge-size);position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0}.rnf-unseen-badge__count{font-size:var(--rnf-unseed-badge-font-size);font-weight:var(--rnf-font-weight-medium);color:var(--rnf-color-white);margin-top:-1px}.rnf-unseen-badge--dark{--rnf-unseen-badge-bg-color: #ef3434}:root{--rnf-notification-icon-button-size: 32px;--rnf-notification-icon-button-bg-color: transparent}.rnf-notification-icon-button{background-color:var(--rnf-notification-icon-button-bg-color);border:none;position:relative;display:block;margin:0;padding:0;cursor:pointer;width:var(--rnf-notification-icon-button-size);height:var(--rnf-notification-icon-button-size);color:inherit}.rnf-notification-icon-button svg{display:block;margin:0 auto}.rnf-notification-icon-button--dark{color:#fff}.rsk-auth{background:var(--rsk-color-white);border:1px solid var(--rsk-color-gray-100);border-radius:var(--rsk-border-radius-lg);font-family:var(--rsk-font-family-sanserif);font-size:var(--rsk-font-size-sm);font-weight:var(--rsk-font-weight-normal);padding:var(--rsk-spacing-5)}.rsk-auth__header{display:flex;flex-direction:row;justify-content:space-between}.rsk-auth__title{color:#1a1f36;font-size:var(--rsk-font-size-md);line-height:var(--rsk-spacing-5);margin-top:var(--rsk-spacing-4)}.rsk-auth__description{color:#515669;font-size:var(--rsk-font-size-sm);line-height:var(--rsk-spacing-5)}:root{--rsk-error-yellow: rgba(247, 212, 102, 1);--rsk-error-yellow-background: rgba(255, 255, 240, 1)}.rsk-combobox,.rsk-combobox__list-box,.rsk-combobox__searchbar,.rsk-combobox__searchbar__input-container{width:286px}.rsk-combobox{font-family:var(--rsk-font-family-sanserif);font-size:var(--rsk-font-size-sm);font-weight:var(--rsk-font-weight-normal)}.rsk-combobox__searchbar__input-container{align-items:center;color:var(--rsk-color-gray-200);display:flex;position:relative}.rsk-combobox__searchbar__input-container__icon,.rsk-combobox__searchbar__input-container__icon--error{left:var(--rsk-spacing-3);position:absolute;top:.65rem;z-index:10}.rsk-combobox__searchbar__input-container__icon--error{color:var(--rsk-error-yellow)}.rsk-combobox__searchbar__input-container__input{border-color:var(--rsk-color-gray-200);border-radius:var(--rsk-border-radius-md);border-style:solid;border-width:1px;height:32px;padding-left:var(--rsk-spacing-7);padding-right:var(--rsk-spacing-1);position:relative;width:100%}.rsk-combobox__searchbar__input-container__input:disabled{background-color:var(--rsk-error-yellow-background);border:1px solid var(--rsk-error-yellow)}.rsk-combobox__searchbar__input-container__input--error{cursor:not-allowed}.rsk-combobox__searchbar__input-container__input--error::placeholder{color:#a95823}.rsk-combobox__list-box{background-color:var(--rsk-color-white);border-radius:var(--rsk-border-radius-sm);box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a;display:flex;flex-direction:column;height:223px;margin-top:var(--rsk-spacing-1);overflow-x:hidden;overflow-y:auto;width:284px}.rsk-combobox__option__button{background-color:var(--rsk-color-white);border-width:var(--rsk-spacing-0);padding:var(--rsk-spacing-2)}.rsk-combobox__option__button:hover{cursor:pointer}.rsk-combobox__option__button:disabled{color:var(--rsk-color-gray-700);cursor:not-allowed}.rsk-combobox__option__text-container{display:flex}.rsk-combobox__option__text-container__empty-icon,.rsk-combobox__option__text-container__channel-icon,.rsk-combobox__option__text-container__connection-icon{height:15px;width:20px}.rsk-combobox__option__text-container__channel-icon{align-items:center;display:flex;justify-content:center}.rsk-combobox__option__text-container__text{height:15px}.rsk-combobox__error{align-items:flex-start;background-color:var(--rsk-color-gray-100);border-radius:var(--rsk-border-radius-md);display:flex;gap:var(--rsk-spacing-1);justify-content:center;margin-top:var(--rsk-spacing-1);padding:var(--rsk-spacing-2)}.rsk-combobox__error__text{color:var(--rsk-color-gray-700);font-size:var(--rsk-font-size-xs);line-height:normal}.rsk-combobox__connected_channel_tag_list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--rsk-spacing-2);margin-top:var(--rsk-spacing-2);width:286px;font-size:var(--rsk-font-size-sm);font-family:var(--rsk-font-family-sanserif);color:var(--rsk-color-gray-800)}.rsk-combobox__connected_channel_tag{align-items:center;background-color:var(--rsk-color-gray-100);border-radius:var(--rsk-border-radius-md);display:flex;gap:var(--rsk-spacing-1);max-width:286px;padding:var(--rsk-spacing-1) var(--rsk-spacing-2) var(--rsk-spacing-1) var(--rsk-spacing-2)}.rsk-combobox__connected_channel_tag__delete_button,.rsk-combobox__connected_channel_tag__channel_type_icon,.rsk-combobox__connected_channel_tag__text{display:flex}.rsk-combobox__connected_channel_tag__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rsk-combobox__connected_channel_tag__delete_button{background-color:unset;border-style:none;cursor:pointer;padding:.05rem 0rem 0rem}.rsk-combobox__connected_channel_tag__delete_button:hover{background-color:var(--rsk-color-gray-200);border-radius:var(--rsk-border-radius-md)}.rsk-connect-channel{align-items:center;display:flex;gap:var(--rsk-spacing-1)}.rsk-connect-channel__input{border:1px solid var(--rsk-color-gray-200);border-radius:var(--rsk-border-radius-md);height:32px;padding-left:var(--rsk-spacing-2);width:270px}.rsk-connect-channel__button{background-color:var(--rsk-color-white);border-color:var(--rsk-color-gray-200);border-radius:var(--rsk-button-border-radius);color:var(--rsk-color-black);display:inline-flex;font-family:var(--rsk-font-family-sanserif);font-size:var(--rsk-font-size-sm);font-weight:var(--rsk-font-weight-normal);gap:var(--rsk-spacing-2);height:24px;padding:var(--rsk-spacing-2);text-decoration:none}.rsk-connect-channel__button:hover{background-color:var(--rsk-button-hover-color)}

package/dist/types/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAGA,iBAAS,GAAG,4CA4BX;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAQA,iBAAS,GAAG,4CA4BX;AAED,eAAe,GAAG,CAAC"}

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./modules/core";
 export * from "./modules/feed";
+export * from "./modules/slack";
 export * from "@knocklabs/react-core";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/dist/types/modules/core/components/Button/Button.d.ts

@@ -1,4 +1,5 @@
 import React, { PropsWithChildren } from "react";
+import "./styles.css";
 export type ButtonProps = {
     variant: "primary" | "secondary";
     loadingText?: string;

package/dist/types/modules/core/components/Button/ButtonGroup.d.ts

@@ -1,3 +1,4 @@
 import React, { PropsWithChildren } from "react";
+import "./styles.css";
 export declare const ButtonGroup: React.FC<PropsWithChildren>;
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/types/modules/core/components/Button/ButtonSpinner.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./styles.css";
 type ButtonSpinnerProps = {
     hasLabel: boolean;
 };

package/dist/types/modules/core/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { default as useOnBottomScroll } from "./useOnBottomScroll";
+export { default as useOutsideClick } from "./useOutsideClick";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/core/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/modules/core/hooks/useOutsideClick.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from "react";
+declare const useOutsideClick: ({ ref, fn, isEnabled, }: {
+    ref: MutableRefObject<any>;
+    fn: () => void;
+    isEnabled?: boolean | undefined;
+}) => void;
+export default useOutsideClick;
+//# sourceMappingURL=useOutsideClick.d.ts.map

package/dist/types/modules/core/hooks/useOutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAEpD,QAAA,MAAM,eAAe;SAMd,iBAAiB,GAAG,CAAC;QACtB,MAAM,IAAI;;UAiBf,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/types/modules/feed/components/EmptyFeed/EmptyFeed.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
+import "./styles.css";
 export declare const EmptyFeed: React.FC;
 //# sourceMappingURL=EmptyFeed.d.ts.map

package/dist/types/modules/feed/components/NotificationCell/Avatar.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./styles.css";
 export interface AvatarProps {
     name: string;
     src?: string | null;

package/dist/types/modules/feed/components/NotificationCell/NotificationCell.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from "react";
 import { FeedItem } from "@knocklabs/client";
+import "./styles.css";
 export interface NotificationCellProps {
     item: FeedItem;
     onItemClick?: (item: FeedItem) => void;

package/dist/types/modules/feed/components/NotificationFeed/Dropdown.d.ts

@@ -1,4 +1,5 @@
 import React, { PropsWithChildren } from "react";
+import "./styles.css";
 export type DropdownProps = {
     value: string;
     onChange: (e: any) => void;

package/dist/types/modules/feed/components/NotificationFeed/MarkAsRead.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { FeedItem } from "@knocklabs/client";
+import "./styles.css";
 export type MarkAsReadProps = {
     onClick?: (e: React.MouseEvent, unreadItems: FeedItem[]) => void;
 };

package/dist/types/modules/feed/components/NotificationFeed/NotificationFeed.d.ts

@@ -2,6 +2,7 @@ import { FeedItem } from "@knocklabs/client";
 import React, { ReactElement, ReactNode } from "react";
 import { FilterStatus } from "@knocklabs/react-core";
 import { NotificationFeedHeaderProps } from "./NotificationFeedHeader";
+import "./styles.css";
 export type OnNotificationClick = (item: FeedItem) => void;
 export type RenderItem = ({ item }: RenderItemProps) => ReactNode;
 export type RenderItemProps = {

package/dist/types/modules/feed/components/NotificationFeedContainer/NotificationFeedContainer.d.ts

@@ -1,3 +1,4 @@
 import { PropsWithChildren } from "react";
+import "./styles.css";
 export declare const NotificationFeedContainer: React.FC<PropsWithChildren>;
 //# sourceMappingURL=NotificationFeedContainer.d.ts.map

package/dist/types/modules/feed/components/NotificationFeedPopover/NotificationFeedPopover.d.ts

@@ -1,6 +1,7 @@
 import React, { RefObject } from "react";
 import { Placement } from "@popperjs/core";
 import { NotificationFeedProps } from "../NotificationFeed";
+import "./styles.css";
 import { Feed, FeedStoreState } from "@knocklabs/client";
 type OnOpenOptions = {
     store: FeedStoreState;

package/dist/types/modules/feed/components/NotificationIconButton/NotificationIconButton.d.ts

@@ -1,5 +1,6 @@
 import React, { SyntheticEvent } from "react";
 import { BadgeCountType } from "../UnseenBadge";
+import "./styles.css";
 export interface NotificationIconButtonProps {
     badgeCountType?: BadgeCountType;
     onClick: (e: SyntheticEvent) => void;

package/dist/types/modules/feed/components/UnseenBadge/UnseenBadge.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./styles.css";
 export type BadgeCountType = "unseen" | "unread" | "all";
 export type UnseenBadgeProps = {
     badgeCountType?: BadgeCountType;