@flytedan/flytebot-design-system 0.67.4 → 0.70.0

package/dist/markdown.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/markdown.ts
+var markdown_exports = {};
+__export(markdown_exports, {
+  escapeMarkdown: () => escapeMarkdown
+});
+module.exports = __toCommonJS(markdown_exports);
+
+// src/components/data/markdownEscape.ts
+function escapeMarkdown(text) {
+  return String(text == null ? "" : text).replace(/\r\n?/g, "\n").replace(/[\\`*_[\]()<>!|~^]/g, "\\$&").replace(/\b(https?|mailto|tel):/gi, "$1\\:").split("\n").map(
+    (line) => line.replace(/^(\s*)([#>+-])/, "$1\\$2").replace(/^(\s*\d{1,9})([.)])/, "$1\\$2")
+    // task item `[ ]` is already covered by escaping `[`
+  ).join("\n");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  escapeMarkdown
+});
+//# sourceMappingURL=markdown.cjs.map

package/dist/markdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/markdown.ts","../src/components/data/markdownEscape.ts"],"sourcesContent":["// React-free entry (`@flytedan/flytebot-design-system/markdown`): safe to import on a server.\nexport { escapeMarkdown } from \"./components/data/markdownEscape\";\n","/* DS-7: the one definition of the markdown escape rule, shared by the renderer\n   (Markdown.tsx) and by `escapeMarkdown` (a React-free entry, so a server can import it). */\n\n/** CommonMark: a backslash before any ASCII punctuation character makes it literal. */\nexport const ESCAPABLE = /\\\\([!-/:-@[-`{-~])/g;\n\n/* An escaped character is swapped for a private-use stand-in (U+E000 + its code) before any\n   syntax pattern runs, so no pattern can see it, then swapped back where text is emitted. */\nconst STAND_IN_BASE = 0xe000;\nconst STAND_IN = /[-]/g;\n\n/** Hide every escaped character from the syntax patterns. Stray stand-ins already in the input are neutralised first. */\nexport const hideEscapes = (s: string): string =>\n  s.replace(STAND_IN, \"�\").replace(ESCAPABLE, (_, c: string) => String.fromCharCode(STAND_IN_BASE + c.charCodeAt(0)));\n\n/** Put escaped characters back as the literal character. */\nexport const showEscapes = (s: string): string => s.replace(STAND_IN, (c) => String.fromCharCode(c.charCodeAt(0) - STAND_IN_BASE));\n\n/** Put escaped characters back with their backslash (a code span keeps its source verbatim). */\nexport const showEscapesRaw = (s: string): string => s.replace(STAND_IN, (c) => \"\\\\\" + String.fromCharCode(c.charCodeAt(0) - STAND_IN_BASE));\n\n/**\n * Backslash-escape text so `Markdown` / `MarkdownInline` render it as exactly that text:\n * every character the renderer reads as inline syntax, the `:` that starts a bare-URL or\n * mailto autolink, and any block marker (heading, quote, list, rule, table, fence) at the\n * start of a line.\n */\nexport function escapeMarkdown(text: string): string {\n  return String(text == null ? \"\" : text)\n    .replace(/\\r\\n?/g, \"\\n\")\n    .replace(/[\\\\`*_[\\]()<>!|~^]/g, \"\\\\$&\")\n    .replace(/\\b(https?|mailto|tel):/gi, \"$1\\\\:\")\n    .split(\"\\n\")\n    .map((line) =>\n      line\n        // heading, quote, bullet, rule, fence-like markers: escape the first marker character\n        .replace(/^(\\s*)([#>+-])/, \"$1\\\\$2\")\n        // ordered list: escape the dot or paren after the number\n        .replace(/^(\\s*\\d{1,9})([.)])/, \"$1\\\\$2\")\n        // task item `[ ]` is already covered by escaping `[`\n    )\n    .join(\"\\n\");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC2BO,SAAS,eAAe,MAAsB;AACnD,SAAO,OAAO,QAAQ,OAAO,KAAK,IAAI,EACnC,QAAQ,UAAU,IAAI,EACtB,QAAQ,uBAAuB,MAAM,EACrC,QAAQ,4BAA4B,OAAO,EAC3C,MAAM,IAAI,EACV;AAAA,IAAI,CAAC,SACJ,KAEG,QAAQ,kBAAkB,QAAQ,EAElC,QAAQ,uBAAuB,QAAQ;AAAA;AAAA,EAE5C,EACC,KAAK,IAAI;AACd;","names":[]}

package/dist/markdown.d.cts

@@ -0,0 +1,9 @@
+/**
+ * Backslash-escape text so `Markdown` / `MarkdownInline` render it as exactly that text:
+ * every character the renderer reads as inline syntax, the `:` that starts a bare-URL or
+ * mailto autolink, and any block marker (heading, quote, list, rule, table, fence) at the
+ * start of a line.
+ */
+declare function escapeMarkdown(text: string): string;
+
+export { escapeMarkdown };

package/dist/markdown.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Backslash-escape text so `Markdown` / `MarkdownInline` render it as exactly that text:
+ * every character the renderer reads as inline syntax, the `:` that starts a bare-URL or
+ * mailto autolink, and any block marker (heading, quote, list, rule, table, fence) at the
+ * start of a line.
+ */
+declare function escapeMarkdown(text: string): string;
+
+export { escapeMarkdown };

package/dist/markdown.js

@@ -0,0 +1,7 @@
+import {
+  escapeMarkdown
+} from "./chunk-OVTWSE43.js";
+export {
+  escapeMarkdown
+};
+//# sourceMappingURL=markdown.js.map

package/dist/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flytedan/flytebot-design-system",
-  "version": "0.67.4",
+  "version": "0.70.0",
   "description": "flytedesk Design System — shared component library, tokens, and business-logic kits for flytedesk apps.",
   "type": "module",
   "license": "UNLICENSED",
@@ -34,6 +34,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./markdown": {
+      "types": "./dist/markdown.d.ts",
+      "import": "./dist/markdown.js",
+      "require": "./dist/markdown.cjs"
+    },
     "./styles/*.css": "./styles/*.css",
     "./assets/*": "./assets/*"
   },

package/styles/components.css

@@ -668,6 +668,12 @@
   box-shadow: 0 0 0 1px var(--blue-500);
 }
 
+.fd-choice-badge { margin-left: 8px; }
+.fd-radiogroup { display: flex; flex-direction: column; gap: 8px; }
+.fd-radiogroup-label { font-weight: var(--w-medium); }
+.fd-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
+.fd-fieldset[aria-busy="true"] { opacity: 0.6; }
+
 /* ============ Switch ============ */
 .fd-switch {
   position: relative;
@@ -2230,28 +2236,51 @@
   color: var(--brand);
   font-size: 9px;
 }
-.fd-dt-card {
+/* A card and, when the row has an action of its own, that action beside it: siblings, so the action is
+   never inside the card's button. The item carries the hairline between rows. */
+.fd-dt-item {
   display: flex;
-  flex-direction: column;
-  gap: 3px;
+  align-items: center;
   min-width: 0;
-  padding: 12px 14px;
   border-bottom: 1px solid var(--border);
   transition:
     background var(--dur-fast) var(--ease),
     box-shadow var(--dur-fast) var(--ease);
 }
-.fd-dt-card:last-child {
+.fd-dt-item:last-child {
   border-bottom: 0;
 }
+.fd-dt-item > .fd-dt-card {
+  flex: 1 1 auto;
+  align-self: stretch;
+}
+.fd-dt-action {
+  flex: none;
+  padding-right: 8px;
+}
+/* The table's form of a row action: the row's last cell, as narrow as its button. */
+.fd-table td.fd-table-action,
+.fd-table th.fd-table-action-head {
+  width: 1%;
+  white-space: nowrap;
+  text-align: right;
+}
+.fd-dt-card {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+  padding: 12px 14px;
+}
 .fd-dt-card[data-clickable] {
   cursor: pointer;
 }
-.fd-dt-card[data-clickable]:hover,
-.fd-dt-card[data-selected="true"] {
+/* The item is tinted, not the card, so the strip under a row's action is tinted with it. */
+.fd-dt-item:has(> .fd-dt-card[data-clickable]):hover,
+.fd-dt-item:has(> .fd-dt-card[data-selected="true"]) {
   background: var(--surface-brand);
 }
-.fd-dt-card[data-selected="true"] {
+.fd-dt-item:has(> .fd-dt-card[data-selected="true"]) {
   box-shadow: inset 2px 0 0 var(--brand);
 }
 .fd-dt-card-title {
@@ -4850,12 +4879,28 @@
   text-wrap: pretty;
   min-width: 0;
 }
-.fd-md > * + * {
-  margin-top: 10px;
+.fd-md--small {
+  font-size: var(--body-sm-size);
+}
+.fd-md--muted {
+  color: var(--chat-text-2);
+}
+.fd-md-inline--body {
+  font-size: var(--body-size);
+}
+.fd-md-inline--small {
+  font-size: var(--body-sm-size);
+}
+.fd-md-inline--muted {
+  color: var(--text-2);
 }
 .fd-md-p {
   margin: 0;
 }
+/* DS-6: after .fd-md-p so sibling spacing wins at equal specificity */
+.fd-md > * + * {
+  margin-top: 10px;
+}
 .fd-md-h {
   margin: 16px 0 0;
   font-weight: var(--w-semibold);