@voiceflow/slate-serializer 1.0.0 → 1.0.1-rc.0

package/README.md

@@ -1 +1,65 @@
-# slate-serializer
+# Slate Serializer
+
+Utilities for converting slate data into raw text or JSX.
+
+## Installation
+
+```sh
+yarn add @voiceflow/slate-serializer @voiceflow/dtos-interact slate
+# or
+npm install @voiceflow/slate-serializer @voiceflow/dtos-interact slate
+```
+
+If you want to use the JSX serializer make sure to install `react`.
+
+```sh
+yarn add react
+# or
+npm install react
+```
+
+## Usage
+
+You can access type guards and other extraction utilities through the main import.
+
+```tsx
+import { isLinkElement, getTextCSSProperties } from '@voiceflow/react-chat';
+```
+
+### Text Serialization
+
+If you need the textual representation you can import the text serializer.
+
+```tsx
+import { serializeToText } from '@voiceflow/react-chat/text';
+
+const text = serializeToText(slateValue);
+```
+
+You can turn off `encodeVariables` to avoid encoding variables in the text.
+
+```tsx
+import { serializeToText } from '@voiceflow/react-chat/text';
+
+const textWithoutVariables = serializeToText(slateValue, { encodeVariables: false });
+```
+
+### JSX Serialization
+
+If you want to render the result in a browser you can serialize to JSX.
+
+```tsx
+import { serializeToJSX } from '@voiceflow/react-chat/jsx';
+
+const content = <div>{serializeToJSX(slateValue)}</div>;
+```
+
+### Markdown Serialization
+
+If you want to render the result in a browser you can serialize to JSX.
+
+```tsx
+import { serializeToMarkdown } from '@voiceflow/react-chat/markdown';
+
+const content = <div>{serializeToMarkdown(slateValue)}</div>;
+```

package/build/cjs/guards.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isVariableElement = exports.isLinkElement = void 0;
+const dtos_interact_1 = require("@voiceflow/dtos-interact");
+const isLinkElement = (element) => element.type === dtos_interact_1.SlateTextElementType.LINK;
+exports.isLinkElement = isLinkElement;
+const isVariableElement = (element) => element.type === dtos_interact_1.SlateTextElementType.VARIABLE;
+exports.isVariableElement = isVariableElement;
+//# sourceMappingURL=guards.cjs.map

package/build/cjs/guards.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"guards.cjs","sourceRoot":"","sources":["../../src/guards.ts"],"names":[],"mappings":";;;AAAA,4DAAqI;AAE9H,MAAM,aAAa,GAAG,CAAC,OAA4B,EAAmC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,oCAAoB,CAAC,IAAI,CAAC;AAA9H,QAAA,aAAa,iBAAiH;AAEpI,MAAM,iBAAiB,GAAG,CAAC,OAA4B,EAAuC,EAAE,CACrG,OAAO,CAAC,IAAI,KAAK,oCAAoB,CAAC,QAAQ,CAAC;AADpC,QAAA,iBAAiB,qBACmB"}

package/build/cjs/guards.d.ts

@@ -0,0 +1,3 @@
+import { AnySlateTextElement, SlateTextLinkElement, SlateTextVariableElement } from '@voiceflow/dtos-interact';
+export declare const isLinkElement: (element: AnySlateTextElement) => element is SlateTextLinkElement;
+export declare const isVariableElement: (element: AnySlateTextElement) => element is SlateTextVariableElement;

package/build/{index.js → cjs/index.cjs}

@@ -14,7 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./guards"), exports);
-__exportStar(require("./selectors"), exports);
-__exportStar(require("./styles"), exports);
-//# sourceMappingURL=index.js.map
+__exportStar(require("./guards.cjs"), exports);
+__exportStar(require("./selectors.cjs"), exports);
+__exportStar(require("./styles.cjs"), exports);
+__exportStar(require("./types.cjs"), exports);
+//# sourceMappingURL=index.cjs.map

package/build/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB"}

package/build/cjs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './guards.js';
+export * from './selectors.js';
+export * from './styles.js';
+export * from './types.js';

package/build/{selectors.js → cjs/selectors.cjs}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTextStyles = exports.getElementStyles = exports.getTextCSSProperties = exports.getElementCSSProperties = void 0;
-const base_types_1 = require("@voiceflow/base-types");
-const styles_1 = require("./styles");
+const dtos_interact_1 = require("@voiceflow/dtos-interact");
+const styles_1 = require("./styles.cjs");
 const getElementCSSProperties = (element) => {
-    const textAlign = element[base_types_1.Text.ElementProperty.TEXT_ALIGN];
+    const textAlign = element[dtos_interact_1.SlateTextElementProperty.TEXT_ALIGN];
     const styles = {};
     if (textAlign)
         styles.textAlign = textAlign;
@@ -12,12 +12,12 @@ const getElementCSSProperties = (element) => {
 };
 exports.getElementCSSProperties = getElementCSSProperties;
 const getTextCSSProperties = (text) => {
-    const color = text[base_types_1.Text.TextProperty.COLOR];
-    const isItalic = text[base_types_1.Text.TextProperty.ITALIC];
-    const fontWeight = text[base_types_1.Text.TextProperty.FONT_WEIGHT];
-    const fontFamily = text[base_types_1.Text.TextProperty.FONT_FAMILY];
-    const isUnderline = text[base_types_1.Text.TextProperty.UNDERLINE];
-    const isStrikeThrough = text[base_types_1.Text.TextProperty.STRIKE_THROUGH];
+    const color = text[dtos_interact_1.SlateTextProperty.COLOR];
+    const isItalic = text[dtos_interact_1.SlateTextProperty.ITALIC];
+    const fontWeight = text[dtos_interact_1.SlateTextProperty.FONT_WEIGHT];
+    const fontFamily = text[dtos_interact_1.SlateTextProperty.FONT_FAMILY];
+    const isUnderline = text[dtos_interact_1.SlateTextProperty.UNDERLINE];
+    const isStrikeThrough = text[dtos_interact_1.SlateTextProperty.STRIKE_THROUGH];
     const styles = {};
     if (color)
         styles.color = `rgba(${color.r},${color.g},${color.b},${color.a})`;
@@ -42,4 +42,4 @@ const getElementStyles = (element) => (0, styles_1.convertCSSPropertiesToStyles)
 exports.getElementStyles = getElementStyles;
 const getTextStyles = (text) => (0, styles_1.convertCSSPropertiesToStyles)((0, exports.getTextCSSProperties)(text));
 exports.getTextStyles = getTextStyles;
-//# sourceMappingURL=selectors.js.map
+//# sourceMappingURL=selectors.cjs.map

package/build/cjs/selectors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.cjs","sourceRoot":"","sources":["../../src/selectors.ts"],"names":[],"mappings":";;;AAAA,4DAAuH;AAEvH,qCAAwD;AAGjD,MAAM,uBAAuB,GAAG,CAAC,OAA4B,EAAiB,EAAE;IACrF,MAAM,SAAS,GAAG,OAAO,CAAC,wCAAwB,CAAC,UAAU,CAA+B,CAAC;IAE7F,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,IAAI,SAAS;QAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;IAE5C,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AARW,QAAA,uBAAuB,2BAQlC;AAEK,MAAM,oBAAoB,GAAG,CAAC,IAAe,EAAiB,EAAE;IACrE,MAAM,KAAK,GAAG,IAAI,CAAC,iCAAiB,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,iCAAiB,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAI,CAAC,iCAAiB,CAAC,WAAW,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAI,CAAC,iCAAiB,CAAC,WAAW,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,IAAI,CAAC,iCAAiB,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,IAAI,CAAC,iCAAiB,CAAC,cAAc,CAAC,CAAC;IAE/D,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,IAAI,KAAK;QAAE,MAAM,CAAC,KAAK,GAAG,QAAQ,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC;IAC9E,IAAI,QAAQ;QAAE,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC1C,IAAI,UAAU;QAAE,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACvD,IAAI,UAAU;QAAE,MAAM,CAAC,UAAU,GAAG,IAAI,UAAU,GAAG,CAAC;IAEtD,IAAI,WAAW,IAAI,eAAe,EAAE;QAClC,IAAI,UAAU,GAAG,EAAE,CAAC;QAEpB,IAAI,WAAW;YAAE,UAAU,IAAI,WAAW,CAAC;QAC3C,IAAI,eAAe;YAAE,UAAU,IAAI,eAAe,CAAC;QAEnD,MAAM,CAAC,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;KAC3C;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAzBW,QAAA,oBAAoB,wBAyB/B;AAEK,MAAM,gBAAgB,GAAG,CAAC,OAA4B,EAAU,EAAE,CAAC,IAAA,qCAA4B,EAAC,IAAA,+BAAuB,EAAC,OAAO,CAAC,CAAC,CAAC;AAA5H,QAAA,gBAAgB,oBAA4G;AAElI,MAAM,aAAa,GAAG,CAAC,IAAe,EAAU,EAAE,CAAC,IAAA,qCAA4B,EAAC,IAAA,4BAAoB,EAAC,IAAI,CAAC,CAAC,CAAC;AAAtG,QAAA,aAAa,iBAAyF"}

package/build/cjs/selectors.d.ts

@@ -0,0 +1,6 @@
+import { AnySlateTextElement, SlateText } from '@voiceflow/dtos-interact';
+import { CSSProperties } from './types.js';
+export declare const getElementCSSProperties: (element: AnySlateTextElement) => CSSProperties;
+export declare const getTextCSSProperties: (text: SlateText) => CSSProperties;
+export declare const getElementStyles: (element: AnySlateTextElement) => string;
+export declare const getTextStyles: (text: SlateText) => string;

package/build/cjs/serializers/jsx.cjs

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeToJSX = void 0;
+const react_1 = __importDefault(require("react"));
+const Slate = __importStar(require("slate"));
+const guards_1 = require("../guards.cjs");
+const selectors_1 = require("../selectors.cjs");
+const serializeTextNode = (node, index) => {
+    const styles = (0, selectors_1.getTextCSSProperties)(node);
+    return (react_1.default.createElement("span", { key: index, style: styles }, node.text || react_1.default.createElement(react_1.default.Fragment, null, "\uFEFF")));
+};
+const serializeLinkElement = (node, index, options) => {
+    var _a, _b, _c, _d;
+    const children = node.children.map((node, index) => serializeNode(node, index, options));
+    const styles = (0, selectors_1.getElementCSSProperties)(node);
+    const href = (_d = (_c = (_a = options.transformHref) === null || _a === void 0 ? void 0 : _a.call(options, (_b = node.url) !== null && _b !== void 0 ? _b : '')) !== null && _c !== void 0 ? _c : node.url) !== null && _d !== void 0 ? _d : '';
+    return (react_1.default.createElement("a", { key: index, rel: "noopener noreferrer", href: href, target: "_blank", style: Object.assign(Object.assign({}, styles), { pointerEvents: 'all' }), onClick: (event) => {
+            var _a;
+            event.stopPropagation();
+            event.preventDefault();
+            if (!href)
+                return;
+            (_a = window.open(href, '_blank', 'noopener=true,noreferrer=true')) === null || _a === void 0 ? void 0 : _a.focus();
+        } }, children));
+};
+const serializeVariableElement = (node, index, options) => {
+    var _a, _b;
+    return (react_1.default.createElement("span", { key: index }, `{${options.variablesMap ? (_b = (_a = options.variablesMap[node.id]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : node.id : node.name}}`));
+};
+const serializeElementNode = (node, index, options) => {
+    if ((0, guards_1.isLinkElement)(node))
+        return serializeLinkElement(node, index, options);
+    if ((0, guards_1.isVariableElement)(node))
+        return serializeVariableElement(node, index, options);
+    const children = node.children.map((node, index) => serializeNode(node, index, options));
+    const styles = (0, selectors_1.getElementCSSProperties)(node);
+    return (react_1.default.createElement("div", { key: index, style: styles }, children));
+};
+const serializeNode = (node, index, options) => 
+// eslint-disable-next-line no-nested-ternary
+Slate.Text.isText(node) ? serializeTextNode(node, index) : Slate.Element.isElement(node) ? serializeElementNode(node, index, options) : null;
+const serializeToJSX = (content, options = {}) => content.map((node, index) => serializeNode(node, index, options));
+exports.serializeToJSX = serializeToJSX;
+//# sourceMappingURL=jsx.cjs.map

package/build/cjs/serializers/jsx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.cjs","sourceRoot":"","sources":["../../../src/serializers/jsx.tsx"],"names":[],"mappings":"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"}

package/build/cjs/serializers/jsx.d.ts

@@ -0,0 +1,10 @@
+import { SlateText, SlateTextLinkElement, SlateTextVariableElement } from '@voiceflow/dtos-interact';
+import React from 'react';
+export interface JSXSerializerOptions {
+    variablesMap?: Partial<Record<string, {
+        id: string;
+        name: string;
+    }>>;
+    transformHref?: (href: string) => string;
+}
+export declare const serializeToJSX: (content: (import("@voiceflow/dtos-interact").SlateTextElement | SlateTextLinkElement | SlateTextVariableElement | SlateText)[], options?: JSXSerializerOptions) => React.ReactNode;

package/build/cjs/serializers/markdown.cjs

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeToMarkdown = exports.serializeVariableElement = void 0;
+const dtos_interact_1 = require("@voiceflow/dtos-interact");
+const Slate = __importStar(require("slate"));
+const guards_1 = require("../guards.cjs");
+const serializeTextNode = (node) => {
+    const isItalic = node[dtos_interact_1.SlateTextProperty.ITALIC];
+    const isUnderline = node[dtos_interact_1.SlateTextProperty.UNDERLINE];
+    const isStrikeThrough = node[dtos_interact_1.SlateTextProperty.STRIKE_THROUGH];
+    const fontWeight = node[dtos_interact_1.SlateTextProperty.FONT_WEIGHT];
+    let { text } = node;
+    if (!text.trim())
+        return text;
+    // Extract leading and trailing whitespaces
+    const leadingWhitespace = text.match(/^\s+/) || '';
+    const trailingWhitespace = text.match(/\s+$/) || '';
+    // Trim the text to remove leading and trailing whitespaces
+    text = text.trim();
+    if (isItalic)
+        text = `*${text}*`;
+    if (isUnderline)
+        text = `<u>${text}</u>`;
+    if (isStrikeThrough)
+        text = `~~${text}~~`;
+    if (fontWeight)
+        text = `**${text}**`;
+    // Add the leading and trailing whitespaces back to the outside of the markers
+    return `${leadingWhitespace}${text}${trailingWhitespace}`;
+};
+const serializeLinkElement = (node, options) => {
+    var _a;
+    const children = node.children.map((node) => serializeNode(node, options));
+    return `[${children}](${(_a = node.url) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, '')})`;
+};
+const serializeVariableElement = (node, options) => {
+    var _a, _b, _c;
+    const resultName = options.variablesMap ? (_b = (_a = options.variablesMap[node.id]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : node.id : node.name;
+    return `{${resultName.concat((_c = node.path) !== null && _c !== void 0 ? _c : '')}}`;
+};
+exports.serializeVariableElement = serializeVariableElement;
+const serializeElementNode = (node, options) => {
+    if ((0, guards_1.isLinkElement)(node))
+        return serializeLinkElement(node, options);
+    if ((0, guards_1.isVariableElement)(node))
+        return (0, exports.serializeVariableElement)(node, options);
+    return node.children.map((node) => serializeNode(node, options)).join('');
+};
+const serializeNode = (node, options) => 
+// eslint-disable-next-line no-nested-ternary
+Slate.Text.isText(node) ? serializeTextNode(node) : Slate.Element.isElement(node) ? serializeElementNode(node, options) : '';
+const serializeToMarkdown = (content, options = {}) => content
+    .map((node) => serializeNode(node, options))
+    .join('\n')
+    .replace(/\n{3,}/g, (match) => `\n${'<br/>'.repeat(match.length - 2)}\n\n`);
+exports.serializeToMarkdown = serializeToMarkdown;
+//# sourceMappingURL=markdown.cjs.map

package/build/cjs/serializers/markdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.cjs","sourceRoot":"","sources":["../../../src/serializers/markdown.ts"],"names":[],"mappings":"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"}

package/build/cjs/serializers/markdown.d.ts

@@ -0,0 +1,9 @@
+import { SlateText, SlateTextLinkElement, SlateTextVariableElement } from '@voiceflow/dtos-interact';
+export interface MarkdownSerializerOptions {
+    variablesMap?: Partial<Record<string, {
+        id: string;
+        name: string;
+    }>>;
+}
+export declare const serializeVariableElement: (node: SlateTextVariableElement, options: MarkdownSerializerOptions) => string;
+export declare const serializeToMarkdown: (content: (import("@voiceflow/dtos-interact").SlateTextElement | SlateTextLinkElement | SlateTextVariableElement | SlateText)[], options?: MarkdownSerializerOptions) => string;

package/build/{serializers/text.js → cjs/serializers/text.cjs}

@@ -25,13 +25,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.serializeToText = void 0;
 const Slate = __importStar(require("slate"));
-const guards_1 = require("../guards");
-const concatenateText = (content = []) => content.reduce((acc, node) => acc + (Slate.Text.isText(node) ? node.text : concatenateText(node.children)), '');
-const encodeVariables = (value) => value.map((node) => {
+const guards_1 = require("../guards.cjs");
+const nodeToString = (node, options) => {
+    var _a, _b;
     if (!Slate.Element.isElement(node))
-        return node;
-    return (0, guards_1.isVariableElement)(node) ? { text: `{${node.name}}` } : Object.assign(Object.assign({}, node), { children: encodeVariables(node.children) });
-});
-const serializeToText = (content, encode = false) => concatenateText(encode ? encodeVariables(content) : content);
+        return Slate.Node.string(node);
+    if ((0, guards_1.isLinkElement)(node) && options.markdownLinks)
+        return `[${(0, exports.serializeToText)(node.children)}](${node.url})`;
+    if ((0, guards_1.isVariableElement)(node) && options.encodeVariables)
+        return `{${options.variablesMap ? (_b = (_a = options.variablesMap[node.id]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : node.id : node.name}}`;
+    return nodesToString(node.children, options).join('');
+};
+const nodesToString = (nodes, options) => nodes.map((node) => nodeToString(node, options));
+const serializeToText = (content, { variablesMap = {}, markdownLinks = false, encodeVariables = true } = {}) => nodesToString(content, { variablesMap, markdownLinks, encodeVariables }).join('\n').trim();
 exports.serializeToText = serializeToText;
-//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.cjs.map

package/build/cjs/serializers/text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.cjs","sourceRoot":"","sources":["../../../src/serializers/text.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAA+B;AAE/B,sCAA6D;AAQ7D,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAE,OAA8B,EAAU,EAAE;;IAChF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnE,IAAI,IAAA,sBAAa,EAAC,IAAI,CAAC,IAAI,OAAO,CAAC,aAAa;QAAE,OAAO,IAAI,IAAA,uBAAe,EAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC;IAE5G,IAAI,IAAA,0BAAiB,EAAC,IAAI,CAAC,IAAI,OAAO,CAAC,eAAe;QACpD,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,MAAA,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;IAElG,OAAO,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,OAA8B,EAAY,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AAEnI,MAAM,eAAe,GAAG,CAC7B,OAAuB,EACvB,EAAE,YAAY,GAAG,EAAE,EAAE,aAAa,GAAG,KAAK,EAAE,eAAe,GAAG,IAAI,KAA4B,EAAE,EACxF,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;AAH3F,QAAA,eAAe,mBAG4E"}

package/build/cjs/serializers/text.d.ts

@@ -0,0 +1,9 @@
+export interface TextSerializerOptions {
+    variablesMap?: Partial<Record<string, {
+        id: string;
+        name: string;
+    }>>;
+    markdownLinks?: boolean;
+    encodeVariables?: boolean;
+}
+export declare const serializeToText: (content: (import("@voiceflow/dtos-interact").SlateTextElement | import("@voiceflow/dtos-interact").SlateTextLinkElement | import("@voiceflow/dtos-interact").SlateTextVariableElement | import("@voiceflow/dtos-interact").SlateText)[], { variablesMap, markdownLinks, encodeVariables }?: TextSerializerOptions) => string;

package/build/{styles.js → cjs/styles.cjs}

@@ -8,4 +8,4 @@ const convertCSSPropertiesToStyles = (properties) => Object.entries(properties)
     .map(([key, value]) => `${(0, exports.cssPropertyNameToStyleName)(key)}:${value}`)
     .join(';');
 exports.convertCSSPropertiesToStyles = convertCSSPropertiesToStyles;
-//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.cjs.map

package/build/cjs/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sourceRoot":"","sources":["../../src/styles.ts"],"names":[],"mappings":";;;AAEA,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAEhC,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAAjI,QAAA,0BAA0B,8BAAuG;AAEvI,MAAM,4BAA4B,GAAG,CAAC,UAAyB,EAAU,EAAE,CAChF,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;KACvB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,kCAA0B,EAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC;KACpE,IAAI,CAAC,GAAG,CAAC,CAAC;AAHF,QAAA,4BAA4B,gCAG1B"}

package/build/{styles.d.ts → cjs/styles.d.ts}

@@ -1,3 +1,3 @@
-import type { CSSProperties } from 'react';
+import { CSSProperties } from './types.js';
 export declare const cssPropertyNameToStyleName: (name: string) => string;
 export declare const convertCSSPropertiesToStyles: (properties: CSSProperties) => string;

package/build/cjs/types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.cjs.map

package/build/cjs/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/build/cjs/types.d.ts

@@ -0,0 +1,2 @@
+import CSS from 'csstype';
+export type CSSProperties = CSS.Properties<string | number>;

package/build/esm/guards.d.ts

@@ -0,0 +1,3 @@
+import { AnySlateTextElement, SlateTextLinkElement, SlateTextVariableElement } from '@voiceflow/dtos-interact';
+export declare const isLinkElement: (element: AnySlateTextElement) => element is SlateTextLinkElement;
+export declare const isVariableElement: (element: AnySlateTextElement) => element is SlateTextVariableElement;

package/build/esm/guards.mjs

@@ -0,0 +1,4 @@
+import { SlateTextElementType } from '@voiceflow/dtos-interact';
+export const isLinkElement = (element) => element.type === SlateTextElementType.LINK;
+export const isVariableElement = (element) => element.type === SlateTextElementType.VARIABLE;
+//# sourceMappingURL=guards.mjs.map

package/build/esm/guards.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"guards.mjs","sourceRoot":"","sources":["../../src/guards.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,oBAAoB,EAAkD,MAAM,0BAA0B,CAAC;AAErI,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAA4B,EAAmC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,oBAAoB,CAAC,IAAI,CAAC;AAE3I,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAA4B,EAAuC,EAAE,CACrG,OAAO,CAAC,IAAI,KAAK,oBAAoB,CAAC,QAAQ,CAAC"}

package/build/esm/index.d.ts

@@ -0,0 +1,4 @@
+export * from './guards.js';
+export * from './selectors.js';
+export * from './styles.js';
+export * from './types.js';

package/build/esm/index.mjs

@@ -0,0 +1,5 @@
+export * from './guards.mjs';
+export * from './selectors.mjs';
+export * from './styles.mjs';
+export * from './types.mjs';
+//# sourceMappingURL=index.mjs.map

package/build/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/build/esm/selectors.d.ts

@@ -0,0 +1,6 @@
+import { AnySlateTextElement, SlateText } from '@voiceflow/dtos-interact';
+import { CSSProperties } from './types.js';
+export declare const getElementCSSProperties: (element: AnySlateTextElement) => CSSProperties;
+export declare const getTextCSSProperties: (text: SlateText) => CSSProperties;
+export declare const getElementStyles: (element: AnySlateTextElement) => string;
+export declare const getTextStyles: (text: SlateText) => string;

package/build/esm/selectors.mjs

@@ -0,0 +1,38 @@
+import { SlateTextElementProperty, SlateTextProperty } from '@voiceflow/dtos-interact';
+import { convertCSSPropertiesToStyles } from './styles.mjs';
+export const getElementCSSProperties = (element) => {
+    const textAlign = element[SlateTextElementProperty.TEXT_ALIGN];
+    const styles = {};
+    if (textAlign)
+        styles.textAlign = textAlign;
+    return styles;
+};
+export const getTextCSSProperties = (text) => {
+    const color = text[SlateTextProperty.COLOR];
+    const isItalic = text[SlateTextProperty.ITALIC];
+    const fontWeight = text[SlateTextProperty.FONT_WEIGHT];
+    const fontFamily = text[SlateTextProperty.FONT_FAMILY];
+    const isUnderline = text[SlateTextProperty.UNDERLINE];
+    const isStrikeThrough = text[SlateTextProperty.STRIKE_THROUGH];
+    const styles = {};
+    if (color)
+        styles.color = `rgba(${color.r},${color.g},${color.b},${color.a})`;
+    if (isItalic)
+        styles.fontStyle = 'italic';
+    if (fontWeight)
+        styles.fontWeight = Number(fontWeight);
+    if (fontFamily)
+        styles.fontFamily = `"${fontFamily}"`;
+    if (isUnderline || isStrikeThrough) {
+        let decoration = '';
+        if (isUnderline)
+            decoration += 'underline';
+        if (isStrikeThrough)
+            decoration += ' line-through';
+        styles.textDecoration = decoration.trim();
+    }
+    return styles;
+};
+export const getElementStyles = (element) => convertCSSPropertiesToStyles(getElementCSSProperties(element));
+export const getTextStyles = (text) => convertCSSPropertiesToStyles(getTextCSSProperties(text));
+//# sourceMappingURL=selectors.mjs.map

package/build/esm/selectors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.mjs","sourceRoot":"","sources":["../../src/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAEvH,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAGxD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAA4B,EAAiB,EAAE;IACrF,MAAM,SAAS,GAAG,OAAO,CAAC,wBAAwB,CAAC,UAAU,CAA+B,CAAC;IAE7F,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,IAAI,SAAS;QAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;IAE5C,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAe,EAAiB,EAAE;IACrE,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAE/D,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,IAAI,KAAK;QAAE,MAAM,CAAC,KAAK,GAAG,QAAQ,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC;IAC9E,IAAI,QAAQ;QAAE,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC1C,IAAI,UAAU;QAAE,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACvD,IAAI,UAAU;QAAE,MAAM,CAAC,UAAU,GAAG,IAAI,UAAU,GAAG,CAAC;IAEtD,IAAI,WAAW,IAAI,eAAe,EAAE;QAClC,IAAI,UAAU,GAAG,EAAE,CAAC;QAEpB,IAAI,WAAW;YAAE,UAAU,IAAI,WAAW,CAAC;QAC3C,IAAI,eAAe;YAAE,UAAU,IAAI,eAAe,CAAC;QAEnD,MAAM,CAAC,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;KAC3C;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAA4B,EAAU,EAAE,CAAC,4BAA4B,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;AAEzI,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAe,EAAU,EAAE,CAAC,4BAA4B,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC"}

package/build/esm/serializers/jsx.d.ts

@@ -0,0 +1,10 @@
+import { SlateText, SlateTextLinkElement, SlateTextVariableElement } from '@voiceflow/dtos-interact';
+import React from 'react';
+export interface JSXSerializerOptions {
+    variablesMap?: Partial<Record<string, {
+        id: string;
+        name: string;
+    }>>;
+    transformHref?: (href: string) => string;
+}
+export declare const serializeToJSX: (content: (import("@voiceflow/dtos-interact").SlateTextElement | SlateTextLinkElement | SlateTextVariableElement | SlateText)[], options?: JSXSerializerOptions) => React.ReactNode;

package/build/esm/serializers/jsx.mjs

@@ -0,0 +1,40 @@
+import React from 'react';
+import * as Slate from 'slate';
+import { isLinkElement, isVariableElement } from '../guards.mjs';
+import { getElementCSSProperties, getTextCSSProperties } from '../selectors.mjs';
+const serializeTextNode = (node, index) => {
+    const styles = getTextCSSProperties(node);
+    return (React.createElement("span", { key: index, style: styles }, node.text || React.createElement(React.Fragment, null, "\uFEFF")));
+};
+const serializeLinkElement = (node, index, options) => {
+    var _a, _b, _c, _d;
+    const children = node.children.map((node, index) => serializeNode(node, index, options));
+    const styles = getElementCSSProperties(node);
+    const href = (_d = (_c = (_a = options.transformHref) === null || _a === void 0 ? void 0 : _a.call(options, (_b = node.url) !== null && _b !== void 0 ? _b : '')) !== null && _c !== void 0 ? _c : node.url) !== null && _d !== void 0 ? _d : '';
+    return (React.createElement("a", { key: index, rel: "noopener noreferrer", href: href, target: "_blank", style: Object.assign(Object.assign({}, styles), { pointerEvents: 'all' }), onClick: (event) => {
+            var _a;
+            event.stopPropagation();
+            event.preventDefault();
+            if (!href)
+                return;
+            (_a = window.open(href, '_blank', 'noopener=true,noreferrer=true')) === null || _a === void 0 ? void 0 : _a.focus();
+        } }, children));
+};
+const serializeVariableElement = (node, index, options) => {
+    var _a, _b;
+    return (React.createElement("span", { key: index }, `{${options.variablesMap ? (_b = (_a = options.variablesMap[node.id]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : node.id : node.name}}`));
+};
+const serializeElementNode = (node, index, options) => {
+    if (isLinkElement(node))
+        return serializeLinkElement(node, index, options);
+    if (isVariableElement(node))
+        return serializeVariableElement(node, index, options);
+    const children = node.children.map((node, index) => serializeNode(node, index, options));
+    const styles = getElementCSSProperties(node);
+    return (React.createElement("div", { key: index, style: styles }, children));
+};
+const serializeNode = (node, index, options) => 
+// eslint-disable-next-line no-nested-ternary
+Slate.Text.isText(node) ? serializeTextNode(node, index) : Slate.Element.isElement(node) ? serializeElementNode(node, index, options) : null;
+export const serializeToJSX = (content, options = {}) => content.map((node, index) => serializeNode(node, index, options));
+//# sourceMappingURL=jsx.mjs.map

package/build/esm/serializers/jsx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.mjs","sourceRoot":"","sources":["../../../src/serializers/jsx.tsx"],"names":[],"mappings":"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"}

package/build/esm/serializers/markdown.d.ts

@@ -0,0 +1,9 @@
+import { SlateText, SlateTextLinkElement, SlateTextVariableElement } from '@voiceflow/dtos-interact';
+export interface MarkdownSerializerOptions {
+    variablesMap?: Partial<Record<string, {
+        id: string;
+        name: string;
+    }>>;
+}
+export declare const serializeVariableElement: (node: SlateTextVariableElement, options: MarkdownSerializerOptions) => string;
+export declare const serializeToMarkdown: (content: (import("@voiceflow/dtos-interact").SlateTextElement | SlateTextLinkElement | SlateTextVariableElement | SlateText)[], options?: MarkdownSerializerOptions) => string;

package/build/esm/serializers/markdown.mjs

@@ -0,0 +1,52 @@
+import { SlateTextProperty, } from '@voiceflow/dtos-interact';
+import * as Slate from 'slate';
+import { isLinkElement, isVariableElement } from '../guards.mjs';
+const serializeTextNode = (node) => {
+    const isItalic = node[SlateTextProperty.ITALIC];
+    const isUnderline = node[SlateTextProperty.UNDERLINE];
+    const isStrikeThrough = node[SlateTextProperty.STRIKE_THROUGH];
+    const fontWeight = node[SlateTextProperty.FONT_WEIGHT];
+    let { text } = node;
+    if (!text.trim())
+        return text;
+    // Extract leading and trailing whitespaces
+    const leadingWhitespace = text.match(/^\s+/) || '';
+    const trailingWhitespace = text.match(/\s+$/) || '';
+    // Trim the text to remove leading and trailing whitespaces
+    text = text.trim();
+    if (isItalic)
+        text = `*${text}*`;
+    if (isUnderline)
+        text = `<u>${text}</u>`;
+    if (isStrikeThrough)
+        text = `~~${text}~~`;
+    if (fontWeight)
+        text = `**${text}**`;
+    // Add the leading and trailing whitespaces back to the outside of the markers
+    return `${leadingWhitespace}${text}${trailingWhitespace}`;
+};
+const serializeLinkElement = (node, options) => {
+    var _a;
+    const children = node.children.map((node) => serializeNode(node, options));
+    return `[${children}](${(_a = node.url) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, '')})`;
+};
+export const serializeVariableElement = (node, options) => {
+    var _a, _b, _c;
+    const resultName = options.variablesMap ? (_b = (_a = options.variablesMap[node.id]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : node.id : node.name;
+    return `{${resultName.concat((_c = node.path) !== null && _c !== void 0 ? _c : '')}}`;
+};
+const serializeElementNode = (node, options) => {
+    if (isLinkElement(node))
+        return serializeLinkElement(node, options);
+    if (isVariableElement(node))
+        return serializeVariableElement(node, options);
+    return node.children.map((node) => serializeNode(node, options)).join('');
+};
+const serializeNode = (node, options) => 
+// eslint-disable-next-line no-nested-ternary
+Slate.Text.isText(node) ? serializeTextNode(node) : Slate.Element.isElement(node) ? serializeElementNode(node, options) : '';
+export const serializeToMarkdown = (content, options = {}) => content
+    .map((node) => serializeNode(node, options))
+    .join('\n')
+    .replace(/\n{3,}/g, (match) => `\n${'<br/>'.repeat(match.length - 2)}\n\n`);
+//# sourceMappingURL=markdown.mjs.map

package/build/esm/serializers/markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.mjs","sourceRoot":"","sources":["../../../src/serializers/markdown.ts"],"names":[],"mappings":"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"}

package/build/esm/serializers/text.d.ts

@@ -0,0 +1,9 @@
+export interface TextSerializerOptions {
+    variablesMap?: Partial<Record<string, {
+        id: string;
+        name: string;
+    }>>;
+    markdownLinks?: boolean;
+    encodeVariables?: boolean;
+}
+export declare const serializeToText: (content: (import("@voiceflow/dtos-interact").SlateTextElement | import("@voiceflow/dtos-interact").SlateTextLinkElement | import("@voiceflow/dtos-interact").SlateTextVariableElement | import("@voiceflow/dtos-interact").SlateText)[], { variablesMap, markdownLinks, encodeVariables }?: TextSerializerOptions) => string;

package/build/esm/serializers/text.mjs

@@ -0,0 +1,15 @@
+import * as Slate from 'slate';
+import { isLinkElement, isVariableElement } from '../guards.mjs';
+const nodeToString = (node, options) => {
+    var _a, _b;
+    if (!Slate.Element.isElement(node))
+        return Slate.Node.string(node);
+    if (isLinkElement(node) && options.markdownLinks)
+        return `[${serializeToText(node.children)}](${node.url})`;
+    if (isVariableElement(node) && options.encodeVariables)
+        return `{${options.variablesMap ? (_b = (_a = options.variablesMap[node.id]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : node.id : node.name}}`;
+    return nodesToString(node.children, options).join('');
+};
+const nodesToString = (nodes, options) => nodes.map((node) => nodeToString(node, options));
+export const serializeToText = (content, { variablesMap = {}, markdownLinks = false, encodeVariables = true } = {}) => nodesToString(content, { variablesMap, markdownLinks, encodeVariables }).join('\n').trim();
+//# sourceMappingURL=text.mjs.map

package/build/esm/serializers/text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.mjs","sourceRoot":"","sources":["../../../src/serializers/text.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAQ7D,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAE,OAA8B,EAAU,EAAE;;IAChF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnE,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,aAAa;QAAE,OAAO,IAAI,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC;IAE5G,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,eAAe;QACpD,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,MAAA,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;IAElG,OAAO,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,OAA8B,EAAY,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AAE1I,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAAuB,EACvB,EAAE,YAAY,GAAG,EAAE,EAAE,aAAa,GAAG,KAAK,EAAE,eAAe,GAAG,IAAI,KAA4B,EAAE,EACxF,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC"}

package/build/esm/styles.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from './types.js';
+export declare const cssPropertyNameToStyleName: (name: string) => string;
+export declare const convertCSSPropertiesToStyles: (properties: CSSProperties) => string;

package/build/esm/styles.mjs

@@ -0,0 +1,6 @@
+const CAPITAL_LETTER_REGEXP = /[A-Z]/g;
+export const cssPropertyNameToStyleName = (name) => name.replace(CAPITAL_LETTER_REGEXP, (match) => `-${match.toLowerCase()}`);
+export const convertCSSPropertiesToStyles = (properties) => Object.entries(properties)
+    .map(([key, value]) => `${cssPropertyNameToStyleName(key)}:${value}`)
+    .join(';');
+//# sourceMappingURL=styles.mjs.map

package/build/esm/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../src/styles.ts"],"names":[],"mappings":"AAEA,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAEvC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAE9I,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,UAAyB,EAAU,EAAE,CAChF,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;KACvB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,0BAA0B,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC;KACpE,IAAI,CAAC,GAAG,CAAC,CAAC"}

package/build/esm/types.d.ts

@@ -0,0 +1,2 @@
+import CSS from 'csstype';
+export type CSSProperties = CSS.Properties<string | number>;

package/build/esm/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.mjs.map

package/build/esm/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@voiceflow/slate-serializer",
+  "type": "module",
   "description": "Utilities for serializing slate data",
-  "version": "1.0.0",
+  "version": "1.0.1-rc.0",
   "author": "Ben Teichman",
   "bugs": {
     "url": "https://github.com/voiceflow/slate-serializer/issues"
@@ -11,65 +12,95 @@
       "path": "./node_modules/cz-conventional-changelog"
     }
   },
+  "dependencies": {
+    "csstype": "3.1.2"
+  },
   "devDependencies": {
-    "@commitlint/cli": "17.1.2",
+    "@commitlint/cli": "17.6.1",
     "@istanbuljs/nyc-config-typescript": "1.0.2",
-    "@types/chai": "4.3.3",
-    "@types/mocha": "9.1.1",
-    "@voiceflow/commitlint-config": "2.0.0",
-    "@voiceflow/eslint-config": "7.0.0",
+    "@types/chai": "4.3.5",
+    "@types/mocha": "10.0.1",
+    "@types/react": "18.2.4",
+    "@voiceflow/commitlint-config": "2.1.0",
+    "@voiceflow/dtos-interact": "1.17.1",
+    "@voiceflow/eslint-config": "7.1.0",
     "@voiceflow/git-branch-check": "1.4.0",
-    "@voiceflow/prettier-config": "1.2.1",
+    "@voiceflow/prettier-config": "1.3.0",
     "@voiceflow/tsconfig": "1.4.8",
-    "chai": "4.3.6",
-    "commitizen": "4.2.5",
+    "chai": "4.3.7",
+    "commitizen": "4.3.0",
     "cz-conventional-changelog": "^3.3.0",
     "depcheck": "1.4.3",
-    "eslint": "8.24.0",
+    "eslint": "8.39.0",
     "eslint-output": "^3.0.1",
     "fixpack": "^4.0.0",
-    "husky": "8.0.1",
+    "husky": "8.0.3",
     "istanbul": "^0.4.5",
-    "lint-staged": "13.0.3",
-    "mocha": "10.0.0",
+    "lint-staged": "13.1.2",
+    "mocha": "10.2.0",
     "nyc": "^15.1.0",
-    "prettier": "2.7.1",
-    "react": "^18.2.0",
-    "slate": "^0.72.3",
+    "prettier": "2.8.8",
+    "react": "18.2.0",
+    "slate": "0.94.1",
     "source-map-support": "0.5.21",
     "ts-mocha": "10.0.0",
     "ts-node": "10.9.1",
-    "tsc-alias": "1.7.0",
-    "typescript": "4.8.3"
+    "tsc-alias": "1.8.6",
+    "tsc-esm-fix": "2.20.13",
+    "typescript": "5.0.4",
+    "zod": "3.22.4"
+  },
+  "exports": {
+    ".": {
+      "import": "./build/esm/index.mjs",
+      "require": "./build/cjs/index.cjs"
+    },
+    "./text": {
+      "import": "./build/esm/serializers/text.mjs",
+      "require": "./build/cjs/serializers/text.cjs"
+    },
+    "./markdown": {
+      "import": "./build/esm/serializers/markdown.mjs",
+      "require": "./build/cjs/serializers/markdown.cjs"
+    },
+    "./jsx": {
+      "import": "./build/esm/serializers/jsx.mjs",
+      "require": "./build/cjs/serializers/jsx.cjs"
+    }
   },
   "files": [
     "build/"
   ],
   "homepage": "https://github.com/voiceflow/slate-serializer#readme",
   "keywords": [
-    "slate",
     "react",
+    "slate",
     "voiceflow"
   ],
   "license": "ISC",
-  "exports": {
-    ".": "./build/index.js",
-    "./text": "./build/serializers/text.js",
-    "./react": "./build/serializers/react.js"
+  "peerDependencies": {
+    "@voiceflow/dtos-interact": "^1.17.1",
+    "react": "^17.0.2",
+    "slate": "^0.72.3",
+    "zod": "^3"
   },
-  "main": "build/index.js",
   "prettier": "@voiceflow/prettier-config",
+  "publishConfig": {
+    "access": "public"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/voiceflow/slate-serializer.git"
   },
   "scripts": {
-    "build": "yarn clean && tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
+    "build": "yarn clean && yarn build:cjs && yarn build:esm",
+    "build:cjs": "tsc -p tsconfig.build.cjs.json && tsc-alias -p tsconfig.build.cjs.json && tsc-esm-fix --sourceMap --target build/cjs --ext .cjs",
+    "build:esm": "tsc -p tsconfig.build.esm.json && tsc-alias -p tsconfig.build.esm.json && tsc-esm-fix --sourceMap --target build/esm --ext .mjs",
     "clean": "rimraf build",
     "commit": "cz",
     "eslint-output": "eslint-output",
-    "lint": "eslint '**/*.{js,ts}'",
-    "lint:output": "yarn run eslint-output --quiet \"**/*.{js,ts}\"",
+    "lint": "eslint '**/*.{js,ts,tsx}'",
+    "lint:output": "yarn run eslint-output --quiet \"**/*.{js,ts,tsx}\"",
     "lint:quiet": "yarn lint --quiet",
     "lint:report": "yarn lint:output",
     "prepublishOnly": "yarn build",
@@ -79,15 +110,22 @@
     "test:single": "NODE_ENV=test ts-mocha --paths --config ./config/test/.mocharc.yml",
     "test:unit": "NODE_ENV=test nyc --report-dir=nyc_coverage_unit ts-mocha --paths --config ./config/test/.mocharc.yml 'test/**/*.unit.ts'"
   },
-  "types": "build/index.d.ts",
-  "dependencies": {
-    "@types/react": "18.0.21",
-    "@voiceflow/base-types": "2.68.1"
-  },
-  "peerDependencies": {
-    "slate": "^0.72.3"
+  "types": "build/esm/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "text": [
+        "./build/esm/serializers/text.d.ts"
+      ],
+      "jsx": [
+        "./build/esm/serializers/jsx.d.ts"
+      ],
+      "markdown": [
+        "./build/esm/serializers/markdown.d.ts"
+      ]
+    }
   },
-  "optionalDependencies": {
-    "react": "^18.2.0"
+  "volta": {
+    "node": "20.12.1",
+    "yarn": "1.22.19"
   }
 }

package/build/guards.d.ts

@@ -1,3 +0,0 @@
-import { Text } from '@voiceflow/base-types';
-export declare const isLinkElement: (element: Text.AnyElement) => element is Text.LinkElement;
-export declare const isVariableElement: (element: Text.AnyElement) => element is Text.VariableElement;

package/build/guards.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isVariableElement = exports.isLinkElement = void 0;
-const base_types_1 = require("@voiceflow/base-types");
-const isLinkElement = (element) => element.type === base_types_1.Text.ElementType.LINK;
-exports.isLinkElement = isLinkElement;
-const isVariableElement = (element) => element.type === base_types_1.Text.ElementType.VARIABLE;
-exports.isVariableElement = isVariableElement;
-//# sourceMappingURL=guards.js.map

package/build/guards.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"guards.js","sourceRoot":"","sources":["../src/guards.ts"],"names":[],"mappings":";;;AAAA,sDAA6C;AAEtC,MAAM,aAAa,GAAG,CAAC,OAAwB,EAA+B,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,iBAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AAAlH,QAAA,aAAa,iBAAqG;AAExH,MAAM,iBAAiB,GAAG,CAAC,OAAwB,EAAmC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,iBAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;AAA9H,QAAA,iBAAiB,qBAA6G"}

package/build/index.d.ts

@@ -1,3 +0,0 @@
-export * from './guards';
-export * from './selectors';
-export * from './styles';

package/build/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB"}

package/build/selectors.d.ts

@@ -1,6 +0,0 @@
-import { Text } from '@voiceflow/base-types';
-import type { CSSProperties } from 'react';
-export declare const getElementCSSProperties: (element: Text.AnyElement) => CSSProperties;
-export declare const getTextCSSProperties: (text: Text.Text) => CSSProperties;
-export declare const getElementStyles: (element: Text.AnyElement) => string;
-export declare const getTextStyles: (text: Text.Text) => string;

package/build/selectors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../src/selectors.ts"],"names":[],"mappings":";;;AAAA,sDAA6C;AAG7C,qCAAwD;AAEjD,MAAM,uBAAuB,GAAG,CAAC,OAAwB,EAAiB,EAAE;IACjF,MAAM,SAAS,GAAG,OAAO,CAAC,iBAAI,CAAC,eAAe,CAAC,UAAU,CAA+B,CAAC;IAEzF,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,IAAI,SAAS;QAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;IAE5C,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AARW,QAAA,uBAAuB,2BAQlC;AAEK,MAAM,oBAAoB,GAAG,CAAC,IAAe,EAAiB,EAAE;IACrE,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAE/D,MAAM,MAAM,GAAkB,EAAE,CAAC;IAEjC,IAAI,KAAK;QAAE,MAAM,CAAC,KAAK,GAAG,QAAQ,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC;IAC9E,IAAI,QAAQ;QAAE,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC1C,IAAI,UAAU;QAAE,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACvD,IAAI,UAAU;QAAE,MAAM,CAAC,UAAU,GAAG,IAAI,UAAU,GAAG,CAAC;IAEtD,IAAI,WAAW,IAAI,eAAe,EAAE;QAClC,IAAI,UAAU,GAAG,EAAE,CAAC;QAEpB,IAAI,WAAW;YAAE,UAAU,IAAI,WAAW,CAAC;QAC3C,IAAI,eAAe;YAAE,UAAU,IAAI,eAAe,CAAC;QAEnD,MAAM,CAAC,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;KAC3C;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAzBW,QAAA,oBAAoB,wBAyB/B;AAEK,MAAM,gBAAgB,GAAG,CAAC,OAAwB,EAAU,EAAE,CAAC,IAAA,qCAA4B,EAAC,IAAA,+BAAuB,EAAC,OAAO,CAAC,CAAC,CAAC;AAAxH,QAAA,gBAAgB,oBAAwG;AAE9H,MAAM,aAAa,GAAG,CAAC,IAAe,EAAU,EAAE,CAAC,IAAA,qCAA4B,EAAC,IAAA,4BAAoB,EAAC,IAAI,CAAC,CAAC,CAAC;AAAtG,QAAA,aAAa,iBAAyF"}

package/build/serializers/react.d.ts

@@ -1,3 +0,0 @@
-import { BaseText } from '@voiceflow/base-types';
-import React from 'react';
-export declare const serializeToJSX: (content: BaseText.SlateTextValue) => React.ReactNode;

package/build/serializers/react.js

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.serializeToJSX = void 0;
-const react_1 = __importDefault(require("react"));
-const slate_1 = __importDefault(require("slate"));
-const guards_1 = require("../guards");
-const selectors_1 = require("../selectors");
-const serializeTextNode = (node, index) => {
-    const styles = (0, selectors_1.getTextCSSProperties)(node);
-    return (react_1.default.createElement("span", { key: index, style: styles }, node.text || react_1.default.createElement(react_1.default.Fragment, null, "\uFEFF")));
-};
-const serializeLinkElement = (node, index) => {
-    var _a;
-    const children = node.children.map(serializeNode);
-    const styles = (0, selectors_1.getElementCSSProperties)(node);
-    return (react_1.default.createElement("a", { key: index, rel: "noopener noreferrer", href: (_a = node.url) !== null && _a !== void 0 ? _a : '', target: "_blank", style: Object.assign(Object.assign({}, styles), { pointerEvents: 'all' }), onClick: (event) => {
-            var _a;
-            event.stopPropagation();
-            event.preventDefault();
-            if (node.url) {
-                (_a = window.open(node.url, '_blank', 'noopener=true,noreferrer=true')) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-        } }, children));
-};
-const serializeVariableElement = (node, index) => react_1.default.createElement("span", { key: index }, `{${node.name}}`);
-const serializeElementNode = (node, index) => {
-    if ((0, guards_1.isLinkElement)(node))
-        return serializeLinkElement(node, index);
-    if ((0, guards_1.isVariableElement)(node))
-        return serializeVariableElement(node, index);
-    const children = node.children.map(serializeNode);
-    const styles = (0, selectors_1.getElementCSSProperties)(node);
-    return (react_1.default.createElement("div", { key: index, style: styles }, children));
-};
-const serializeNode = (node, index) => 
-// eslint-disable-next-line no-nested-ternary
-slate_1.default.Text.isText(node) ? serializeTextNode(node, index) : slate_1.default.Element.isElement(node) ? serializeElementNode(node, index) : null;
-const serializeToJSX = (content) => content.map(serializeNode);
-exports.serializeToJSX = serializeToJSX;
-//# sourceMappingURL=react.js.map

package/build/serializers/react.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/serializers/react.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,kDAA0B;AAE1B,sCAA6D;AAC7D,4CAA6E;AAE7E,MAAM,iBAAiB,GAAG,CAAC,IAAmB,EAAE,KAAa,EAAmB,EAAE;IAChF,MAAM,MAAM,GAAG,IAAA,gCAAoB,EAAC,IAAI,CAAC,CAAC;IAE1C,OAAO,CACL,wCAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAC5B,IAAI,CAAC,IAAI,IAAI,uEAAa,CACtB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,IAA0B,EAAE,KAAa,EAAmB,EAAE;;IAC1F,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,IAAA,mCAAuB,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,qCACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,MAAA,IAAI,CAAC,GAAG,mCAAI,EAAE,EACpB,MAAM,EAAC,QAAQ,EACf,KAAK,kCAAO,MAAM,KAAE,aAAa,EAAE,KAAK,KACxC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,IAAI,CAAC,GAAG,EAAE;gBACZ,MAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,+BAA+B,CAAC,0CAAE,KAAK,EAAE,CAAC;aAC3E;QACH,CAAC,IAEA,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,IAA8B,EAAE,KAAa,EAAE,EAAE,CAAC,wCAAM,GAAG,EAAE,KAAK,IAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAQ,CAAC;AAEhI,MAAM,oBAAoB,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAmB,EAAE;IACzF,IAAI,IAAA,sBAAa,EAAC,IAAI,CAAC;QAAE,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClE,IAAI,IAAA,0BAAiB,EAAC,IAAI,CAAC;QAAE,OAAO,wBAAwB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE1E,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,IAAA,mCAAuB,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,uCAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAC3B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAmB,EAAE;AAClF,6CAA6C;AAC7C,eAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,eAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAE/H,MAAM,cAAc,GAAG,CAAC,OAAgC,EAAmB,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AAAnG,QAAA,cAAc,kBAAqF"}

package/build/serializers/text.d.ts

@@ -1,2 +0,0 @@
-import { BaseText } from '@voiceflow/base-types';
-export declare const serializeToText: (content: BaseText.SlateTextValue, encode?: boolean) => string;

package/build/serializers/text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/serializers/text.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAA+B;AAE/B,sCAA8C;AAE9C,MAAM,eAAe,GAAG,CAAC,UAAmC,EAAE,EAAU,EAAE,CACxE,OAAO,CAAC,MAAM,CAAS,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAE1H,MAAM,eAAe,GAAG,CAAC,KAA8B,EAA2B,EAAE,CAClF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;IACjB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhD,OAAO,IAAA,0BAAiB,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,iCAAM,IAAI,KAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAE,CAAC;AACtH,CAAC,CAAC,CAAC;AAEE,MAAM,eAAe,GAAG,CAAC,OAAgC,EAAE,MAAM,GAAG,KAAK,EAAU,EAAE,CAC1F,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AADlD,QAAA,eAAe,mBACmC"}

package/build/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":";;;AAEA,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAEhC,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAAjI,QAAA,0BAA0B,8BAAuG;AAEvI,MAAM,4BAA4B,GAAG,CAAC,UAAyB,EAAU,EAAE,CAChF,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;KACvB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,kCAA0B,EAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC;KACpE,IAAI,CAAC,GAAG,CAAC,CAAC;AAHF,QAAA,4BAA4B,gCAG1B"}