slack-blocks-to-jsx 0.3.4 → 0.3.6

package/dist/index.js

@@ -1989,27 +1989,6 @@ var parseEmojis = (text) => {
 // src/utils/markdown_parser/parser.tsx
 var import_parser = __toESM(require("@yozora/parser"));
 
-// src/utils/markdown_parser/sub_elements/text.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Text = (props) => {
-  const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: element.value.split("[[DOUBLE_LINE_BREAK]]").map((line, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "slack_blocks_to_jsx__line_break_not_first" }),
-      line
-    ] }, index);
-  }) });
-};
-
-// src/utils/markdown_parser/sub_elements/delete.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Delete = (props) => {
-  const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("s", { children: element.children.map((child, i) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { element: child }, i);
-  }) });
-};
-
 // src/store/useGlobalData.ts
 var import_zustand = require("zustand");
 var useBearStore = (0, import_zustand.create)((set) => ({
@@ -2036,25 +2015,128 @@ var useGlobalData = () => {
   };
 };
 
+// src/utils/markdown_parser/sub_elements/slack_date.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SlackDate = (props) => {
+  const { element } = props;
+  const { fallbackText, optionalLink, timestamp, tokenString } = element.value;
+  const { hooks } = useGlobalData();
+  if (hooks.date)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: hooks.date({
+      fallback: fallbackText,
+      timestamp,
+      format: tokenString,
+      link: optionalLink || null
+    }) });
+  const date = new Date(Number(timestamp) * 1e3);
+  let date_text = tokenString;
+  if (tokenString.includes("{date_num}")) {
+    date_text = date_text.replace("{date_num}", date_token_to_label(date, "{date_num}"));
+  }
+  if (tokenString.includes("{date}"))
+    date_text = date_text.replace("{date}", date_token_to_label(date, "{date}"));
+  if (tokenString.includes("{date_short}"))
+    date_text = date_text.replace("{date_short}", date_token_to_label(date, "{date_short}"));
+  if (tokenString.includes("{date_long}"))
+    date_text = date_text.replace("{date_long}", date_token_to_label(date, "{date_long}"));
+  if (tokenString.includes("{date_pretty}"))
+    date_text = date_text.replace("{date_pretty}", date_token_to_label(date, "{date_pretty}"));
+  if (tokenString.includes("{date_short_pretty}"))
+    date_text = date_text.replace(
+      "{date_short_pretty}",
+      date_token_to_label(date, "{date_short_pretty}")
+    );
+  if (tokenString.includes("{date_long_pretty}"))
+    date_text = date_text.replace(
+      "{date_long_pretty}",
+      date_token_to_label(date, "{date_long_pretty}")
+    );
+  if (tokenString.includes("{time}")) {
+    date_text = date_text.replace("{time}", date_token_to_label(date, "{time}"));
+  }
+  if (tokenString.includes("{time_secs}")) {
+    date_text = date_text.replace("{time_secs}", date_token_to_label(date, "{time_secs}"));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "slack_date", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapWithLink, { wrap: !!optionalLink, href: optionalLink, children: date_text }) });
+};
+var WrapWithLink = (props) => {
+  if (!props.wrap)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: props.href, target: "_blank", rel: "noopener noreferrer", className: "text-blue-primary", children: props.children });
+};
+var date_token_to_label = (inputDate, formatString) => {
+  const dateObj = new Date(inputDate);
+  const getMonthWithZero = (date) => {
+    return (date.getMonth() + 1).toString().padStart(2, "0");
+  };
+  const getDayWithSuffix = (date) => {
+    const day = date.getDate();
+    const suffixes = ["th", "st", "nd", "rd"];
+    const relevantDigits = (day < 30 ? day % 20 : day % 30) % 10;
+    return day + (suffixes[relevantDigits] || suffixes[0] || "");
+  };
+  switch (formatString) {
+    case "{date_num}":
+      return `${dateObj.getFullYear()}-${getMonthWithZero(dateObj)}-${dateObj.getDate().toString().padStart(2, "0")}`;
+    case "{date}":
+      return `${dateObj.toLocaleString("en-US", { month: "long" })} ${getDayWithSuffix(
+        dateObj
+      )}, ${dateObj.getFullYear()}`;
+    case "{date_short}":
+      return `${dateObj.toLocaleString("en-US", { month: "short" })} ${getDayWithSuffix(
+        dateObj
+      )}, ${dateObj.getFullYear()}`;
+    case "{date_long}":
+      return `${dateObj.toLocaleString("en-US", {
+        weekday: "long",
+        month: "long"
+      })} ${getDayWithSuffix(dateObj)}, ${dateObj.getFullYear()}`;
+    case "{date_pretty}":
+      return `${dateObj.toLocaleString("en-US", { month: "long" })} ${getDayWithSuffix(
+        dateObj
+      )}, ${dateObj.getFullYear()}`;
+    case "{date_short_pretty}":
+      return `${dateObj.toLocaleString("en-US", { month: "short" })} ${getDayWithSuffix(
+        dateObj
+      )}, ${dateObj.getFullYear()}`;
+    case "{date_long_pretty}":
+      return `${dateObj.toLocaleString("en-US", {
+        weekday: "long",
+        month: "long"
+      })} ${getDayWithSuffix(dateObj)}, ${dateObj.getFullYear()}`;
+    case "{time}":
+      return dateObj.toLocaleString("en-US", { hour: "numeric", minute: "numeric", hour12: true });
+    case "{time_secs}":
+      return dateObj.toLocaleString("en-US", {
+        hour: "numeric",
+        minute: "numeric",
+        second: "numeric",
+        hour12: true
+      });
+    default:
+      return formatString;
+  }
+};
+
 // src/utils/markdown_parser/sub_elements/slack_broadcast.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var SlackBroadcast = (props) => {
   const { element } = props;
   const { hooks } = useGlobalData();
   if (element.value === "here" && hooks.atHere)
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hooks.atHere() });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: hooks.atHere() });
   if (element.value === "everyone" && hooks.atEveryone)
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hooks.atEveryone() });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: hooks.atEveryone() });
   if (element.value === "channel" && hooks.atChannel)
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hooks.atChannel() });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "slack_broadcast", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: hooks.atChannel() });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "slack_broadcast", children: [
     "@",
     element.value
   ] });
 };
 
 // src/utils/markdown_parser/sub_elements/slack_channel_mention.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var SlackChannelMention = (props) => {
   const { element } = props;
   const { hooks, channels } = useGlobalData();
@@ -2062,15 +2144,15 @@ var SlackChannelMention = (props) => {
   const channel = channels.find((u) => u.id === channel_id || u.name === channel_id);
   const label = (channel == null ? void 0 : channel.name) || channel_id;
   if (hooks.channel)
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: hooks.channel(channel || { id: channel_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "slack_channel", "data-channel-id": (channel == null ? void 0 : channel.id) || channel_id, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hooks.channel(channel || { id: channel_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "slack_channel", "data-channel-id": (channel == null ? void 0 : channel.id) || channel_id, children: [
     "#",
     label
   ] });
 };
 
 // src/utils/markdown_parser/sub_elements/slack_user_group_mention.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var SlackUserGroupMention = (props) => {
   const { element } = props;
   const { hooks, user_groups } = useGlobalData();
@@ -2078,34 +2160,50 @@ var SlackUserGroupMention = (props) => {
   const group = user_groups.find((u) => u.id === group_id || u.name === group_id);
   const label = (group == null ? void 0 : group.name) || group_id;
   if (hooks.usergroup)
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: hooks.usergroup(group || { id: group_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-usergroup-id": (group == null ? void 0 : group.id) || group_id, className: "slack_user_group", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: hooks.usergroup(group || { id: group_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { "data-usergroup-id": (group == null ? void 0 : group.id) || group_id, className: "slack_user_group", children: [
     "@",
     label
   ] });
 };
 
 // src/utils/markdown_parser/sub_elements/slack_user_mention.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var SlackUserMention = (props) => {
   const { element } = props;
   const { hooks, users } = useGlobalData();
   const user_id = element.value;
   const user = users.find((u) => u.id === user_id || u.name === user_id);
   if (hooks.user)
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: hooks.user(user || { id: user_id, name: user_id }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: hooks.user(user || { id: user_id, name: user_id }) });
   const label = (user == null ? void 0 : user.name) || user_id;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "slack_user", "data-user-id": (user == null ? void 0 : user.id) || user_id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "slack_user", "data-user-id": (user == null ? void 0 : user.id) || user_id, children: [
     "@",
     label
   ] });
 };
 
-// src/utils/markdown_parser/sub_elements/emphasis.tsx
+// src/utils/markdown_parser/sub_elements/text.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Text = (props) => {
+  const { element } = props;
+  if (!element.value)
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: element.value });
+  if (element.value === " ")
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\xA0" });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: element.value.split("[[DOUBLE_LINE_BREAK]]").map((line, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "slack_blocks_to_jsx__line_break_not_first" }),
+      line
+    ] }, index);
+  }) });
+};
+
+// src/utils/markdown_parser/sub_elements/strong.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Emphasis = (props) => {
+var Strong = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("em", { children: element.children.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { children: element.children.map((child, i) => {
     if (child.type === "delete")
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Delete, { element: child }, i);
     if (child.type === "slack_user_mention")
@@ -2116,22 +2214,34 @@ var Emphasis = (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SlackUserGroupMention, { element: child }, i);
     if (child.type === "slack_broadcast")
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SlackBroadcast, { element: child }, i);
+    if (child.type === "slack_date")
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SlackDate, { element: child }, i);
+    if (child.type === "emphasis")
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Emphasis, { element: child }, i);
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { element: child }, i);
   }) });
 };
 
-// src/utils/markdown_parser/sub_elements/inline_code.tsx
+// src/utils/markdown_parser/sub_elements/delete.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var InlineCode = (props) => {
+var Delete = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { className: "slack_code_inline", children: element.value });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("s", { children: element.children.map((child, i) => {
+    if (child.type === "slack_date")
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SlackDate, { element: child }, i);
+    if (child.type === "strong")
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Strong, { element: child }, i);
+    if (child.type === "emphasis")
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Emphasis, { element: child }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { element: child }, i);
+  }) });
 };
 
-// src/utils/markdown_parser/sub_elements/strong.tsx
+// src/utils/markdown_parser/sub_elements/emphasis.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Strong = (props) => {
+var Emphasis = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: element.children.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("em", { children: element.children.map((child, i) => {
     if (child.type === "delete")
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Delete, { element: child }, i);
     if (child.type === "slack_user_mention")
@@ -2142,68 +2252,81 @@ var Strong = (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackUserGroupMention, { element: child }, i);
     if (child.type === "slack_broadcast")
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackBroadcast, { element: child }, i);
+    if (child.type === "slack_date")
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlackDate, { element: child }, i);
+    if (child.type === "strong")
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Strong, { element: child }, i);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { element: child }, i);
   }) });
 };
 
-// src/utils/markdown_parser/sub_elements/link.tsx
+// src/utils/markdown_parser/sub_elements/inline_code.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var InlineCode = (props) => {
+  const { element } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("code", { className: "slack_code_inline", children: element.value });
+};
+
+// src/utils/markdown_parser/sub_elements/link.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Link = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: element.url, className: "slack_link", children: element.children.map((child, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href: element.url, className: "slack_link", children: element.children.map((child, i) => {
     if (child.type === "delete")
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Delete, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Delete, { element: child }, i);
     if (child.type === "emphasis")
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Emphasis, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Emphasis, { element: child }, i);
     if (child.type === "strong")
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Strong, { element: child }, i);
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { element: child }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Strong, { element: child }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { element: child }, i);
   }) });
 };
 
 // src/utils/markdown_parser/elements/paragraph.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Paragraph = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: element.children.map((subelement, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: element.children.map((subelement, i) => {
     if (subelement.type === "text")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { element: subelement }, i);
     if (subelement.type === "emphasis")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Emphasis, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Emphasis, { element: subelement }, i);
     if (subelement.type === "inlineCode")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InlineCode, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(InlineCode, { element: subelement }, i);
     if (subelement.type === "delete")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Delete, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Delete, { element: subelement }, i);
     if (subelement.type === "strong")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Strong, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Strong, { element: subelement }, i);
     if (subelement.type === "link")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Link, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Link, { element: subelement }, i);
     if (subelement.type === "slack_user_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SlackUserMention, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackUserMention, { element: subelement }, i);
     if (subelement.type === "slack_channel_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SlackChannelMention, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackChannelMention, { element: subelement }, i);
     if (subelement.type === "slack_user_group_mention")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SlackUserGroupMention, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackUserGroupMention, { element: subelement }, i);
     if (subelement.type === "slack_broadcast")
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SlackBroadcast, { element: subelement }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackBroadcast, { element: subelement }, i);
+    if (subelement.type === "slack_date")
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlackDate, { element: subelement }, i);
     return null;
   }) });
 };
 
 // src/utils/markdown_parser/elements/blockquote.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Blockquote = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: element.children.map((para) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Paragraph, { element: para });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: element.children.map((para) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Paragraph, { element: para });
   }) });
 };
 
 // src/utils/markdown_parser/elements/code.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Code = (props) => {
   const { element } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("code", { className: "slack_code", children: element.value });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("code", { className: "slack_code", children: element.value });
 };
 
 // src/utils/markdown_parser/tokenizers/slack_user_mention/tokenizer.ts
@@ -2648,9 +2771,136 @@ var SlackBroadcastTokenizer = class extends import_core_tokenizer7.BaseInlineTok
   }
 };
 
+// src/utils/markdown_parser/tokenizers/slack_date/tokenizer.ts
+var import_core_tokenizer8 = require("@yozora/core-tokenizer");
+
+// src/utils/markdown_parser/tokenizers/slack_date/match.ts
+var import_character9 = require("@yozora/character");
+
+// src/utils/markdown_parser/tokenizers/slack_date/types.ts
+var SlackDateType = "slack_date";
+
+// src/utils/markdown_parser/tokenizers/slack_date/match.ts
+var match5 = function(api) {
+  return { findDelimiter, processSingleDelimiter };
+  function* findDelimiter() {
+    var _a, _b;
+    const nodePoints = api.getNodePoints();
+    const blockStartIndex = api.getBlockStartIndex();
+    const blockEndIndex = api.getBlockEndIndex();
+    const potentialDelimiters = [];
+    for (let i = blockStartIndex; i < blockEndIndex; ++i) {
+      if (((_a = nodePoints[i]) == null ? void 0 : _a.codePoint) === import_character9.AsciiCodePoint.OPEN_ANGLE && ((_b = nodePoints[i + 1]) == null ? void 0 : _b.codePoint) === import_character9.AsciiCodePoint.EXCLAMATION_MARK && matchDateTag(nodePoints, i)) {
+        const endIndex = findEndDelimiter(nodePoints, i, blockEndIndex);
+        if (endIndex !== -1) {
+          potentialDelimiters.push({
+            type: "full",
+            startIndex: i,
+            endIndex: endIndex + 1,
+            thickness: endIndex + 1 - i
+          });
+          i = endIndex;
+        }
+      }
+    }
+    let pIndex = 0;
+    let lastEndIndex = -1;
+    let currentDelimiter = null;
+    while (pIndex < potentialDelimiters.length) {
+      const [startIndex, endIndex] = yield currentDelimiter;
+      if (lastEndIndex === endIndex) {
+        if (currentDelimiter == null || currentDelimiter.startIndex >= startIndex)
+          continue;
+      }
+      lastEndIndex = endIndex;
+      for (; pIndex < potentialDelimiters.length; ++pIndex) {
+        const delimiter = potentialDelimiters[pIndex];
+        if (delimiter.startIndex >= startIndex) {
+          currentDelimiter = {
+            type: "full",
+            startIndex: delimiter.startIndex,
+            endIndex: delimiter.endIndex,
+            thickness: delimiter.thickness
+          };
+          break;
+        }
+      }
+    }
+  }
+  function matchDateTag(nodePoints, startIndex) {
+    var _a;
+    const tag = "<!date^";
+    for (let j = 0; j < tag.length; ++j) {
+      if (((_a = nodePoints[startIndex + j]) == null ? void 0 : _a.codePoint) !== tag.charCodeAt(j)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function findEndDelimiter(nodePoints, startIndex, blockEndIndex) {
+    var _a;
+    for (let i = startIndex; i < blockEndIndex; ++i) {
+      if (((_a = nodePoints[i]) == null ? void 0 : _a.codePoint) === import_character9.AsciiCodePoint.CLOSE_ANGLE) {
+        return i;
+      }
+    }
+    return -1;
+  }
+  function processSingleDelimiter(delimiter) {
+    const token = {
+      nodeType: SlackDateType,
+      startIndex: delimiter.startIndex,
+      endIndex: delimiter.endIndex,
+      thickness: delimiter.thickness
+    };
+    return [token];
+  }
+};
+
+// src/utils/markdown_parser/tokenizers/slack_date/parse.ts
+var import_character10 = require("@yozora/character");
+var parse5 = function(api) {
+  return {
+    parse: (tokens) => tokens.map((token) => {
+      const nodePoints = api.getNodePoints();
+      const fullString = (0, import_character10.calcStringFromNodePoints)(nodePoints, token.startIndex, token.endIndex);
+      const datePattern = /<!date\^(\d+)\^([^\^]*)\^?([^\|]*)\|([^>]*)>/;
+      const match6 = datePattern.exec(fullString);
+      let value = {
+        timestamp: "",
+        tokenString: "",
+        optionalLink: "",
+        fallbackText: ""
+      };
+      if (match6) {
+        value = {
+          timestamp: match6[1],
+          tokenString: match6[2],
+          optionalLink: match6[3],
+          fallbackText: match6[4]
+        };
+      }
+      const node = api.shouldReservePosition ? { type: SlackDateType, position: api.calcPosition(token), value } : { type: SlackDateType, value };
+      return node;
+    })
+  };
+};
+
+// src/utils/markdown_parser/tokenizers/slack_date/tokenizer.ts
+var SlackDateTokenizer = class extends import_core_tokenizer8.BaseInlineTokenizer {
+  constructor(props = {}) {
+    super({
+      name: SlackDateType,
+      priority: props.priority || import_core_tokenizer8.TokenizerPriority.ATOMIC
+    });
+    this.match = match5;
+    this.parse = parse5;
+  }
+};
+
 // src/utils/markdown_parser/parser.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var parser = new import_parser.default().unmountTokenizer("@yozora/tokenizer-list").useTokenizer(new SlackUserMentionTokenizer()).useTokenizer(new SlackChannelMentionTokenizer()).useTokenizer(new SlackUserGroupMentionTokenizer()).useTokenizer(new SlackBroadcastTokenizer());
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var parser = new import_parser.default().unmountTokenizer("@yozora/tokenizer-list").useTokenizer(new SlackUserMentionTokenizer()).useTokenizer(new SlackChannelMentionTokenizer()).useTokenizer(new SlackUserGroupMentionTokenizer()).useTokenizer(new SlackBroadcastTokenizer()).useTokenizer(new SlackDateTokenizer());
 var markdown_parser = (markdown, options) => {
   if (!markdown)
     return null;
@@ -2660,20 +2910,20 @@ var markdown_parser = (markdown, options) => {
 `);
   text_string = text_string.replace(new RegExp("(?<!\\*)\\*(?!\\*)([^*]+)\\*(?!\\*)", "g"), "**$1**");
   text_string = text_string.replace(new RegExp("(?<!~)~(?!~)([^~]+)~(?!~)", "g"), "~~$1~~");
-  text_string = text_string.replace(/<([^|>]+)\|([^>]+)>/g, "[$2]($1)");
+  text_string = text_string.replace(/<(?!(?:!date))([^|>]+)\|([^>]+)>/g, "[$2]($1)");
   text_string = text_string.replace(/\n\n/g, "[[DOUBLE_LINE_BREAK]]");
   text_string = text_string.replace(/<!here>/g, "@here");
   text_string = text_string.replace(/<!everyone>/g, "@everyone");
   text_string = text_string.replace(/<!channel>/g, "@channel");
   const parsed_data = parser.parse(text_string);
   const elements = parsed_data.children;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: elements.map((element, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: elements.map((element, i) => {
     if (element.type === "paragraph")
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Paragraph, { element }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Paragraph, { element }, i);
     if (element.type === "blockquote")
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Blockquote, { element }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Blockquote, { element }, i);
     if (element.type === "code")
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Code, { element }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Code, { element }, i);
     return null;
   }) });
 };
@@ -2728,21 +2978,21 @@ var is_accessory_stacked = (element) => {
 };
 
 // src/header.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Header = (props) => {
   const { name, time } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-[5px] items-center w-full slack_blocks_to_jsx--header", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { className: "font-black text-[15px]", children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-[14px] w-[27px] leading-[12.5px] py-[1px] px-[3px] uppercase text-[10px]  text-black-primary/[0.7] bg-black-primary/[0.13] font-semibold rounded-[2px] text-center", children: "APP" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-xs text-black-secondary uppercase leading-[17.6px]", children: dateToTime(time) })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-[5px] items-center w-full slack_blocks_to_jsx--header", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "font-black text-[15px]", children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-[14px] w-[27px] leading-[12.5px] py-[1px] px-[3px] uppercase text-[10px]  text-black-primary/[0.7] bg-black-primary/[0.13] font-semibold rounded-[2px] text-center", children: "APP" }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-xs text-black-secondary uppercase leading-[17.6px]", children: dateToTime(time) })
   ] });
 };
 
 // src/components/elements/image_element.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var ImageElement = (props) => {
   const { alt_text, image_url } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "img",
     {
       src: image_url,
@@ -2753,7 +3003,7 @@ var ImageElement = (props) => {
 };
 
 // src/components/composition_objects/text_object.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var TextObject = (props) => {
   const { type, text, emoji, verbatim = false } = props.data;
   const { className = "" } = props;
@@ -2761,15 +3011,15 @@ var TextObject = (props) => {
   let emoji_parsed = type == "mrkdwn" ? hooks.emoji ? hooks.emoji(text) : parseEmojis(text) : emoji === false ? text : hooks.emoji ? hooks.emoji(text) : parseEmojis(text);
   emoji_parsed = emoji_parsed.replace(/&gt;/g, "> ").replace(/&lt;/g, "<");
   if (type === "plain_text")
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className, children: markdown_parser(emoji_parsed, { markdown: false, users, channels, hooks }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className, children: markdown_parser(emoji_parsed, { markdown: true, users, channels, hooks }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className, children: markdown_parser(emoji_parsed, { markdown: false, users, channels, hooks }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className, children: markdown_parser(emoji_parsed, { markdown: true, users, channels, hooks }) });
 };
 
 // src/components/elements/button_element.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var ButtonElement = (props) => {
   const { text, action_id, url, style, accessibility_label } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "button",
     {
       type: "button",
@@ -2781,14 +3031,14 @@ var ButtonElement = (props) => {
           window.open(url, "_blank");
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextObject, { data: text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TextObject, { data: text })
     }
   );
 };
 
 // src/components/elements/static_select_element.tsx
 var import_react = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var StaticSelectElement = (props) => {
   const {
     action_id,
@@ -2823,20 +3073,20 @@ var StaticSelectElement = (props) => {
     const results = option.text.text.toLowerCase().includes(search.toLowerCase());
     return results;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       id: action_id,
       className: "py-1 px-2 h-7 min-h-[28px] relative flex items-center justify-between rounded text-small w-[190px] border border-black-primary.3",
       tabIndex: 0,
       children: [
-        visible && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        visible && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "div",
           {
             className: "absolute top-[24px] -left-3 bg-white-secondary border border-gray-primary rounded-[6px] shadow-custom_shadow-1 w-[322px] max-w-[322px] max-h-[240px] overflow-auto py-3 z-20",
             id: "static_select_popup",
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-col", children: filteredOptions.map((option, i) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-col", children: filteredOptions.map((option, i) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 "div",
                 {
                   className: "h-7 px-6 flex items-center select-none cursor-pointer hover:bg-blue-primary hover:text-white-primary",
@@ -2845,14 +3095,14 @@ var StaticSelectElement = (props) => {
                     setVisible(false);
                     setSelected(option.value);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TextObject, { data: option.text })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextObject, { data: option.text })
                 },
                 i
               );
             }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "input",
           {
             type: "text",
@@ -2863,7 +3113,7 @@ var StaticSelectElement = (props) => {
             "aria-label": "Select an item"
           }
         ),
-        !search && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute w-full h-full pointer-events-none flex items-center text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        !search && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute w-full h-full pointer-events-none flex items-center text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           TextObject,
           {
             data: placeholder != null ? placeholder : {
@@ -2872,7 +3122,7 @@ var StaticSelectElement = (props) => {
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "button",
           {
             type: "button",
@@ -2881,7 +3131,7 @@ var StaticSelectElement = (props) => {
             onClick: () => {
               setVisible((prev) => !prev);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -2890,7 +3140,7 @@ var StaticSelectElement = (props) => {
                 strokeWidth: "3",
                 stroke: "currentColor",
                 className: "w-3 h-3",
-                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
               }
             )
           }
@@ -2902,7 +3152,7 @@ var StaticSelectElement = (props) => {
 
 // src/components/elements/checkboxes_element.tsx
 var import_react2 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var CheckboxesElement = (props) => {
   const { action_id, options, focus_on_load, initial_options } = props.data;
   const [selected, setSelected] = (0, import_react2.useState)(
@@ -2916,15 +3166,15 @@ var CheckboxesElement = (props) => {
       input_ref.current.focus();
     }
   }, [focus_on_load]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { id: action_id, className: "my-1 flex w-full slack_blocks_to_jsx__checkboxes_element", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("fieldset", { className: "flex flex-col gap-2", children: options.map((option, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { id: action_id, className: "my-1 flex w-full slack_blocks_to_jsx__checkboxes_element", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("fieldset", { className: "flex flex-col gap-2", children: options.map((option, i) => {
     const { text, value, description } = option;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "label",
       {
         className: "flex cursor-pointer items-baseline gap-3 select-none",
         htmlFor: `checkboxes-${action_id}-value-${value}-${i}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "input",
             {
               type: "checkbox",
@@ -2940,9 +3190,9 @@ var CheckboxesElement = (props) => {
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextObject, { data: text }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextObject, { className: "text-black-secondary", data: description })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextObject, { data: text }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextObject, { className: "text-black-secondary", data: description })
           ] })
         ]
       }
@@ -2952,7 +3202,7 @@ var CheckboxesElement = (props) => {
 
 // src/components/elements/plain_text_input.tsx
 var import_react3 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var PlaintTextInput = (props) => {
   const {
     action_id,
@@ -2980,15 +3230,15 @@ var PlaintTextInput = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       id: action_id,
       className: "relative text-small w-full slack_blocks_to_jsx__plain_text_input_element",
       tabIndex: 0,
       children: [
-        !value && placeholder && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "absolute left-2 top-2 text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextObject, { data: placeholder }) }),
-        !value && !placeholder && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "absolute left-2 top-2 text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        !value && placeholder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute left-2 top-2 text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextObject, { data: placeholder }) }),
+        !value && !placeholder && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute left-2 top-2 text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           TextObject,
           {
             data: {
@@ -2997,7 +3247,7 @@ var PlaintTextInput = (props) => {
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "textarea",
           {
             value,
@@ -3020,7 +3270,7 @@ var PlaintTextInput = (props) => {
 
 // src/components/elements/users_select_element.tsx
 var import_react4 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var UsersSelectElement = (props) => {
   const { action_id, focus_on_load, placeholder, type, confirm, initial_user, people } = props.data;
   const [visible, setVisible] = (0, import_react4.useState)(focus_on_load || false);
@@ -3045,20 +3295,20 @@ var UsersSelectElement = (props) => {
     const name = person.name.toLowerCase();
     return name.includes(search_query);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       id: action_id,
       className: "py-1 px-2 h-7 min-h-[28px] relative flex items-center justify-between rounded text-small w-[190px] border border-black-primary.3 slack_blocks_to_jsx__users_select_element",
       tabIndex: 0,
       children: [
-        visible && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        visible && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "div",
           {
             className: "absolute top-[24px] -left-3 bg-white-secondary border border-gray-primary rounded-[6px] shadow-custom_shadow-1 w-[322px] max-w-[322px] max-h-[240px] overflow-auto py-3 z-20",
             id: "static_select_popup",
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-col", children: filteredOptions.map((option, i) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col", children: filteredOptions.map((option, i) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                 "button",
                 {
                   className: "h-7 px-6 flex group items-center gap-2 select-none cursor-pointer hover:bg-blue-primary hover:text-white-primary",
@@ -3069,7 +3319,7 @@ var UsersSelectElement = (props) => {
                     setSelected(option.id);
                   },
                   children: [
-                    option.image && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    option.image && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       "img",
                       {
                         src: option.image,
@@ -3077,8 +3327,8 @@ var UsersSelectElement = (props) => {
                         className: "w-5 h-5 rounded-md overflow-hidden"
                       }
                     ),
-                    !option.image && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-5 h-5 rounded-md overflow-hidden bg-gray-300 text-black-primary font-semibold flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: option.name[0] || "" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    !option.image && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-5 h-5 rounded-md overflow-hidden bg-gray-300 text-black-primary font-semibold flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: option.name[0] || "" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       TextObject,
                       {
                         data: {
@@ -3087,17 +3337,17 @@ var UsersSelectElement = (props) => {
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
-                      option.online && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
+                      option.online && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                         "div",
                         {
                           className: `bg-green-secondary w-[9px] h-[9px] rounded-full shrink-0`
                         }
                       ),
-                      !option.online && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-[9px] h-[9px] rounded-full border-[1.5px] shrink-0 border-black-secondary group-hover:border-white-primary" }),
-                      option.sleeping && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute -top-[5px] -right-[5px] h-[10px] w-[10px] rounded-full bg-white-secondary flex justify-center z-[10] text-[8px] leading-[8px] font-semibold group-hover:bg-blue-primary", children: "z" })
+                      !option.online && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-[9px] h-[9px] rounded-full border-[1.5px] shrink-0 border-black-secondary group-hover:border-white-primary" }),
+                      option.sleeping && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute -top-[5px] -right-[5px] h-[10px] w-[10px] rounded-full bg-white-secondary flex justify-center z-[10] text-[8px] leading-[8px] font-semibold group-hover:bg-blue-primary", children: "z" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "text-black-primary group-hover:text-white-primary", children: option.name })
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-black-primary group-hover:text-white-primary", children: option.name })
                   ]
                 },
                 i
@@ -3105,7 +3355,7 @@ var UsersSelectElement = (props) => {
             }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "input",
           {
             type: "text",
@@ -3117,7 +3367,7 @@ var UsersSelectElement = (props) => {
             "aria-label": "Select an item"
           }
         ),
-        !search && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute w-full h-full pointer-events-none flex items-center text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        !search && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute w-full h-full pointer-events-none flex items-center text-black-primary.3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           TextObject,
           {
             data: placeholder != null ? placeholder : {
@@ -3126,7 +3376,7 @@ var UsersSelectElement = (props) => {
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "button",
           {
             type: "button",
@@ -3135,7 +3385,7 @@ var UsersSelectElement = (props) => {
             onClick: () => {
               setVisible((prev) => !prev);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -3144,7 +3394,7 @@ var UsersSelectElement = (props) => {
                 strokeWidth: "3",
                 stroke: "currentColor",
                 className: "w-3 h-3",
-                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
               }
             )
           }
@@ -3155,52 +3405,52 @@ var UsersSelectElement = (props) => {
 };
 
 // src/components/blocks/actions.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var Actions = (props) => {
   const { elements, block_id } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       id: block_id,
       className: "mb-2 text-primary flex w-full text-black-primary items-center slack_blocks_to_jsx__actions",
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-wrap", children: elements.map((element, i) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-wrap", children: elements.map((element, i) => {
         if (element.type === "button") {
-          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-2 mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ButtonElement, { data: element }) }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2 mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ButtonElement, { data: element }) }, i);
         }
         if (element.type === "static_select") {
-          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-2 mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StaticSelectElement, { data: element }) }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2 mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StaticSelectElement, { data: element }) }, i);
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-2 mr-2" }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-2 mr-2" }, i);
       }) })
     }
   );
 };
 
 // src/components/blocks/context.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Context = (props) => {
   const { elements, block_id } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       id: block_id,
       className: "my-1 text-primary flex w-full text-black-primary flex-wrap items-center overflow-hidden slack_blocks_to_jsx__context",
       children: elements.slice(0, 10).map((element, i) => {
         if (element.type !== "image") {
-          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-black-secondary text-small pr-3 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TextObject, { data: element }) }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-black-secondary text-small pr-3 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TextObject, { data: element }) }, i);
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ImageElement, { data: element }) }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ImageElement, { data: element }) }, i);
       })
     }
   );
 };
 
 // src/components/blocks/divider.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var Divider = (props) => {
   const { data } = props;
   const { block_id } = data;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       id: block_id,
@@ -3216,31 +3466,31 @@ var File = (props) => {
 };
 
 // src/components/blocks/header.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Header2 = (props) => {
   const { text, block_id } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { id: block_id, className: "mt-1 slack_blocks_to_jsx__header", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-header font-bold slack_blocks_to_jsx__header_heading", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TextObject, { data: text }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { id: block_id, className: "mt-1 slack_blocks_to_jsx__header", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "text-header font-bold slack_blocks_to_jsx__header_heading", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TextObject, { data: text }) }) });
 };
 
 // src/components/blocks/image.tsx
 var import_react5 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Image = (props) => {
   const { block_id, alt_text, image_url, image_bytes, image_height, image_width } = props.data;
   const [showImage, setShowImage] = (0, import_react5.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { id: block_id, className: "my-2 flex flex-col gap-2 slack_blocks_to_jsx__image", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-black-secondary text-small flex gap-1 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { id: block_id, className: "my-2 flex flex-col gap-2 slack_blocks_to_jsx__image", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-black-secondary text-small flex gap-1 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { children: [
         alt_text,
         image_bytes && ` (${Math.round(image_bytes / 1e3)} kB)`
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "button",
         {
           type: "button",
           className: "w-[15px] h-[15px]",
           onClick: () => setShowImage((prev) => !prev),
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3256,7 +3506,7 @@ var Image = (props) => {
               style: {
                 transform: showImage ? "rotate(0deg)" : "rotate(-90deg)"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "path",
                 {
                   fill: "currentColor",
@@ -3269,7 +3519,7 @@ var Image = (props) => {
         }
       )
     ] }),
-    showImage && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "rounded-md overflow-hidden relative max-w-max", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    showImage && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "rounded-md overflow-hidden relative max-w-max", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "img",
       {
         src: image_url,
@@ -3284,17 +3534,17 @@ var Image = (props) => {
 };
 
 // src/components/blocks/input.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Input = (props) => {
   const { element: given_element, label, block_id, hint, optional, type } = props.data;
   const element = given_element ? getElementComponent(given_element) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       id: block_id,
       className: `mt-2 mb-1 text-primary slack_blocks_to_jsx__input flex w-full text-black-primary`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grow", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "grow", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           TextObject,
           {
             data: {
@@ -3305,11 +3555,11 @@ var Input = (props) => {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mb-1 flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "relative shrink-0", children: element }),
-          (hint || given_element.type === "plain_text_input") && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-black-secondary text-small flex gap-1", children: [
-            hint && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "inline", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TextObject, { data: hint }) }),
-            given_element.type === "plain_text_input" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: "\u21B5 Please 'enter' to submit" })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "mb-1 flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "relative shrink-0", children: element }),
+          (hint || given_element.type === "plain_text_input") && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "text-black-secondary text-small flex gap-1", children: [
+            hint && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "inline", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TextObject, { data: hint }) }),
+            given_element.type === "plain_text_input" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: "\u21B5 Please 'enter' to submit" })
           ] })
         ] })
       ] }) })
@@ -3318,27 +3568,27 @@ var Input = (props) => {
 };
 
 // src/components/blocks/rich_text/rich_text_list_wrapper.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var RichTextListWrapper = (props) => {
   const _a = props, { element, children } = _a, rest = __objRest(_a, ["element", "children"]);
   if (element.style === "bullet") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", __spreadProps(__spreadValues({}, rest), { children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", __spreadProps(__spreadValues({}, rest), { children }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ol", __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ol", __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // src/components/blocks/rich_text/rich_text_section_broadcast.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var RichTextSectionBroadcast = (props) => {
   const { range, style } = props;
   const { hooks } = useGlobalData();
   if (range === "channel" && hooks.atChannel)
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: hooks.atChannel() });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: hooks.atChannel() });
   if (range === "everyone" && hooks.atEveryone)
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: hooks.atEveryone() });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: hooks.atEveryone() });
   if (range === "here" && hooks.atHere)
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: hooks.atHere() });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: hooks.atHere() });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "span",
     {
       className: `
@@ -3357,15 +3607,15 @@ var RichTextSectionBroadcast = (props) => {
 };
 
 // src/components/blocks/rich_text/rich_text_section_channel.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var RichTextSectionChannel = (props) => {
   const { channel_id, style } = props;
   const { channels, hooks } = useGlobalData();
   const channel = channels.find((u) => u.id === channel_id || u.name === channel_id);
   const label = (channel == null ? void 0 : channel.name) || channel_id;
   if (hooks.channel)
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: hooks.channel(channel || { id: channel_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: hooks.channel(channel || { id: channel_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "span",
     {
       "data-channel-id": (channel == null ? void 0 : channel.id) || channel_id,
@@ -3385,23 +3635,23 @@ var RichTextSectionChannel = (props) => {
 };
 
 // src/components/blocks/rich_text/rich_text_section_emoji.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var RichTextSectionEmoji = (props) => {
   const { name } = props;
   const { hooks } = useGlobalData();
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "slack_blocks_to_jsx__rich_text_section_element_emoji", children: hooks.emoji ? hooks.emoji(name) : parseEmojis(`:${name}:`) });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "slack_blocks_to_jsx__rich_text_section_element_emoji", children: hooks.emoji ? hooks.emoji(name) : parseEmojis(`:${name}:`) });
 };
 
 // src/components/blocks/rich_text/rich_text_section_user.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var RichTextSectionUser = (props) => {
   const { user_id, style } = props;
   const { users, hooks } = useGlobalData();
   const user = users.find((u) => u.id === user_id || u.name === user_id);
   const label = (user == null ? void 0 : user.name) || user_id;
   if (hooks.user)
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: hooks.user(user || { id: user_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: hooks.user(user || { id: user_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "span",
     {
       "data-user-id": (user == null ? void 0 : user.id) || user_id,
@@ -3421,15 +3671,15 @@ var RichTextSectionUser = (props) => {
 };
 
 // src/components/blocks/rich_text/rich_text_section_user_group.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var RichTextSectionUserGroup = (props) => {
   const { usergroup_id, style } = props;
   const { user_groups, hooks } = useGlobalData();
   const group = user_groups.find((u) => u.id === usergroup_id || u.name === usergroup_id);
   const label = (group == null ? void 0 : group.name) || usergroup_id;
   if (hooks.usergroup)
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: hooks.usergroup(group || { id: usergroup_id, name: label }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: hooks.usergroup(group || { id: usergroup_id, name: label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "span",
     {
       "data-usergroup-id": (group == null ? void 0 : group.id) || usergroup_id,
@@ -3449,22 +3699,22 @@ var RichTextSectionUserGroup = (props) => {
 };
 
 // src/components/blocks/rich_text/rich_text_section.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var RichTextSectionElement = (props) => {
   const { element } = props;
   if (element.type === "user")
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RichTextSectionUser, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionUser, __spreadValues({}, element));
   if (element.type === "channel")
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RichTextSectionChannel, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionChannel, __spreadValues({}, element));
   if (element.type === "broadcast")
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RichTextSectionBroadcast, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionBroadcast, __spreadValues({}, element));
   if (element.type === "emoji")
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RichTextSectionEmoji, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionEmoji, __spreadValues({}, element));
   if (element.type === "usergroup")
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RichTextSectionUserGroup, __spreadValues({}, element));
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionUserGroup, __spreadValues({}, element));
   if (element.type === "text") {
     const { text, style } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "span",
       {
         className: `
@@ -3480,7 +3730,7 @@ var RichTextSectionElement = (props) => {
   }
   if (element.type === "link") {
     const { url, style, text } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "a",
       {
         target: "_blank",
@@ -3498,25 +3748,54 @@ var RichTextSectionElement = (props) => {
       }
     );
   }
+  if (element.type === "date") {
+    const { timestamp, format, style } = element;
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      "span",
+      {
+        className: `
+              slack_blocks_to_jsx__rich_text_section_element_date
+              ${(style == null ? void 0 : style.italic) ? "italic" : ""}
+              ${(style == null ? void 0 : style.strike) ? "line-through" : ""}
+              ${(style == null ? void 0 : style.code) ? "slack_inline_code" : ""}
+              ${(style == null ? void 0 : style.bold) ? "font-medium" : ""}
+            `,
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          SlackDate,
+          {
+            element: {
+              type: "slack_date",
+              value: {
+                fallbackText: "",
+                optionalLink: "",
+                timestamp: timestamp.toString(),
+                tokenString: format
+              }
+            }
+          }
+        )
+      }
+    );
+  }
   return null;
 };
 
 // src/components/blocks/rich_text/rich_text.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var RichText = (props) => {
   const { elements, block_id } = props.data;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { id: block_id, className: "slack_blocks_to_jsx__rich_text", children: elements.map((element, i) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Element, { element }, `${element.type}__${i}`);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { id: block_id, className: "slack_blocks_to_jsx__rich_text", children: elements.map((element, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Element, { element }, `${element.type}__${i}`);
   }) });
 };
 var Element = (props) => {
   const { element } = props;
   if (element.type === "rich_text_list") {
     const { elements, style, border = 0, indent, offset } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex gap-2 slack_blocks_to_jsx__rich_text_list_element", children: [
-      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextListWrapper, { element, className: `list-none`, children: elements.map((el, i) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex gap-2 slack_blocks_to_jsx__rich_text_list_element", children: [
+      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextListWrapper, { element, className: `list-none`, children: elements.map((el, i) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
           "li",
           {
             className: "flex",
@@ -3524,22 +3803,22 @@ var Element = (props) => {
               marginLeft: indent ? indent > 5 ? 0 : indent * 28 + 6 + 28 : 0
             },
             children: [
-              style === "ordered" && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "w-[22px] h-[22px] shrink-0 flex items-center justify-center", children: [
+              style === "ordered" && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "w-[22px] h-[22px] shrink-0 flex items-center justify-center", children: [
                 i + 1,
                 "."
               ] }),
-              style === "bullet" && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "w-[22px] h-[22px] shrink-0 flex items-center justify-center", children: [
-                (indent === void 0 || indent === 0 || indent === 3 || indent === 6) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-current" }),
-                (indent === 1 || indent === 4 || indent === 7) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "w-1.5 h-1.5 rounded-full border border-current" }),
-                (indent === 2 || indent === 5 || indent === 8) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "w-1.5 h-1.5 rounded-[1.5px] bg-current" })
+              style === "bullet" && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "w-[22px] h-[22px] shrink-0 flex items-center justify-center", children: [
+                (indent === void 0 || indent === 0 || indent === 3 || indent === 6) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-current" }),
+                (indent === 1 || indent === 4 || indent === 7) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "w-1.5 h-1.5 rounded-full border border-current" }),
+                (indent === 2 || indent === 5 || indent === 8) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "w-1.5 h-1.5 rounded-[1.5px] bg-current" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 "div",
                 {
                   style: {
                     marginLeft: 6
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Element, { element: el }, `${element.type}__${i}`)
+                  children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Element, { element: el }, `${element.type}__${i}`)
                 }
               )
             ]
@@ -3551,9 +3830,9 @@ var Element = (props) => {
   }
   if (element.type === "rich_text_preformatted") {
     const { elements, border } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("code", { className: "flex gap-2 w-full slack_blocks_to_jsx__rich_text_preformatted_element", children: [
-      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("code", { className: "flex gap-2 w-full slack_blocks_to_jsx__rich_text_preformatted_element", children: [
+      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "pre",
         {
           className: "p-2 rounded my-1 whitespace-pre-wrap bg-gray-secondary text-xs leading-[1.50001] border grow",
@@ -3562,7 +3841,7 @@ var Element = (props) => {
             wordBreak: "normal"
           },
           children: elements.map((el, i) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
+            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
           })
         }
       )
@@ -3570,41 +3849,41 @@ var Element = (props) => {
   }
   if (element.type === "rich_text_quote") {
     const { elements, border } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("blockquote", { className: "flex gap-2 slack_blocks_to_jsx__rich_text_quote_element", children: [
-      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("blockquote", { className: "flex gap-2 slack_blocks_to_jsx__rich_text_quote_element", children: [
+      border === 1 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-1 rounded bg-gray-primary self-stretch" }),
       elements.map((el, i) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
       })
     ] });
   }
   if (element.type === "rich_text_section") {
     const { elements } = element;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "inline-block slack_blocks_to_jsx__rich_text_section_element", children: elements.map((el, i) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "inline-block slack_blocks_to_jsx__rich_text_section_element", children: elements.map((el, i) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RichTextSectionElement, { element: el }, `${el.type}__${i}`);
     }) });
   }
   return null;
 };
 
 // src/components/blocks/section.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Section = (props) => {
   const { accessory, fields, text, block_id } = props.data;
   const element = accessory ? getElementComponent(accessory) : null;
   const is_stacked = accessory ? is_accessory_stacked(accessory) : false;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       id: block_id,
       className: `mt-2 mb-1 text-primary slack_blocks_to_jsx__section flex w-full text-black-primary ${is_stacked ? "flex-col" : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grow", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-3", children: [
-          text && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TextObject, { data: text }),
-          fields && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "grid grid-col-2 w-full", children: fields.map((field, i) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TextObject, { data: field }, i);
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "grow", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-3", children: [
+          text && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextObject, { data: text }),
+          fields && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "grid grid-col-2 w-full", children: fields.map((field, i) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextObject, { data: field }, i);
           }) })
         ] }) }),
-        element && is_stacked ? element : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ml-2 mb-1 relative shrink-0", children: element })
+        element && is_stacked ? element : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ml-2 mb-1 relative shrink-0", children: element })
       ]
     }
   );
@@ -3612,13 +3891,9 @@ var Section = (props) => {
 
 // src/components/blocks/video.tsx
 var import_react6 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Video = (props) => {
   const {
-    // thumbnail_url,
-    // provider_icon_url,
-    // provider_name,
-    //
     alt_text,
     title,
     video_url,
@@ -3629,18 +3904,18 @@ var Video = (props) => {
     iframeProps = {}
   } = props.data;
   const [showVideo, setShowVideo] = (0, import_react6.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "py-2 slack_blocks_to_jsx__video", id: block_id, children: [
-    author_name && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "slack_blocks_to_jsx__video_author", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "font-bold", children: "Manish Panwar" }) }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "slack_blocks_to_jsx__video_description", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextObject, { data: description }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-wrap items-center gap-1 slack_blocks_to_jsx__video_title", children: [
-      title_url ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("a", { href: title_url, className: "text-blue-primary", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextObject, { data: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TextObject, { data: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "py-2 slack_blocks_to_jsx__video", id: block_id, children: [
+    author_name && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "slack_blocks_to_jsx__video_author", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "font-bold", children: author_name }) }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "slack_blocks_to_jsx__video_description", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextObject, { data: description }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-wrap items-center gap-1 slack_blocks_to_jsx__video_title", children: [
+      title_url ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("a", { href: title_url, className: "text-blue-primary", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextObject, { data: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TextObject, { data: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "button",
         {
           type: "button",
           className: "w-[15px] h-[15px]",
           onClick: () => setShowVideo((prev) => !prev),
-          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3656,7 +3931,7 @@ var Video = (props) => {
               style: {
                 transform: showVideo ? "rotate(0deg)" : "rotate(-90deg)"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 "path",
                 {
                   fill: "currentColor",
@@ -3669,7 +3944,7 @@ var Video = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "slack_blocks_to_jsx__video_container max-w-max", children: showVideo && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "slack_blocks_to_jsx__video_container max-w-max", children: showVideo && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "iframe",
       __spreadValues({
         title: alt_text,
@@ -3681,41 +3956,41 @@ var Video = (props) => {
 };
 
 // src/components/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var getBlockComponent = (block) => {
   if (block.type === "divider")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Divider, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Divider, { data: block });
   if (block.type === "section")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Section, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Section, { data: block });
   if (block.type === "image")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Image, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Image, { data: block });
   if (block.type === "context")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Context, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Context, { data: block });
   if (block.type === "actions")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Actions, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Actions, { data: block });
   if (block.type === "file")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(File, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(File, { data: block });
   if (block.type === "header")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Header2, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Header2, { data: block });
   if (block.type === "input")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Input, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Input, { data: block });
   if (block.type === "video")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Video, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Video, { data: block });
   if (block.type === "rich_text")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RichText, { data: block });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RichText, { data: block });
   return null;
 };
 var getElementComponent = (element) => {
   if (element.type === "button")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ButtonElement, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ButtonElement, { data: element });
   if (element.type === "checkboxes")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CheckboxesElement, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CheckboxesElement, { data: element });
   if (element.type === "image")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ImageElement, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ImageElement, { data: element });
   if (element.type === "plain_text_input")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PlaintTextInput, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PlaintTextInput, { data: element });
   if (element.type === "users_select")
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(UsersSelectElement, { data: element });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(UsersSelectElement, { data: element });
   if (element.type === "datepicker")
     return null;
   if (element.type === "datetimepicker")
@@ -3754,15 +4029,15 @@ var getElementComponent = (element) => {
 };
 
 // src/block_wrapper.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var BlockWrapper = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-base slack_blocks_to_jsx--block_wrapper break-words font-normal", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "text-base slack_blocks_to_jsx--block_wrapper break-words font-normal", children });
 };
 
 // src/message.tsx
 var import_react7 = require("react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var Message = (props) => {
   const {
     blocks,
@@ -3789,7 +4064,7 @@ var Message = (props) => {
       setHooks(hooks);
   }, [data, hooks]);
   if (withoutWrapper) {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "div",
       {
         id: "slack_blocks_to_jsx",
@@ -3799,18 +4074,18 @@ var Message = (props) => {
           const element = getBlockComponent(block);
           if (!element)
             return null;
-          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(BlockWrapper, { children: element }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BlockWrapper, { children: element }, i);
         })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { id: "slack_blocks_to_jsx", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { id: "slack_blocks_to_jsx", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "section",
     {
       className: `flex gap-2 w-full max-w-[600px] slack_blocks_to_jsx relative ${unstyled ? "styles_disabled" : "styles_enabled"} ${className}`,
       style,
       children: [
-        showBlockKitDebug && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        showBlockKitDebug && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "a",
           {
             target: "_blank",
@@ -3822,14 +4097,14 @@ var Message = (props) => {
             children: "Open in Slack Block Kit Builder"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: logo, className: "w-9 h-9", alt: name }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Header, { name, time }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "slack_blocks_to_jsx--blocks", children: blocks.map((block, i) => {
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src: logo, className: "w-9 h-9", alt: name }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Header, { name, time }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "slack_blocks_to_jsx--blocks", children: blocks.map((block, i) => {
             const element = getBlockComponent(block);
             if (!element)
               return null;
-            return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(BlockWrapper, { children: element }, i);
+            return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BlockWrapper, { children: element }, i);
           }) })
         ] })
       ]