@dialpad/dialtone-mcp-server 1.5.0-next.2 → 1.5.0-next.3

package/build/index.js

@@ -5263,7 +5263,7 @@ unionType([
 ]);
 
 var name = "@dialpad/dialtone-mcp-server";
-var version = "1.5.0-next.2";
+var version = "1.5.0-next.3";
 var main$1 = "build/index.js";
 var type = "module";
 var bin = {
@@ -22737,7 +22737,7 @@ var utilityClassesData = {
 		{
 			prop: "min-inline-size",
 			value: "var(--dt-layout-0)",
-			description: "var(--dt-layout-0)"
+			description: "0px"
 		}
 	]
 },
@@ -26449,7 +26449,7 @@ var utilityClassesData = {
 		{
 			prop: "box-shadow",
 			value: "var(--dt-shadow-focus)",
-			description: "0rem 0rem 0rem 0.1rem oklch(0.9748 0.0025 48.72), 0rem 0rem 0rem 0.3rem oklch(0.6089 0.2128 259.28)"
+			description: "0rem 0rem 0rem 0.2rem oklch(0.6089 0.2128 259.28) inset"
 		}
 	]
 },
@@ -27081,6 +27081,178 @@ var utilityClassesData = {
 			value: "infinite !important"
 		}
 	]
+},
+	"d-combobox-with-popover__list": {
+	values: [
+		{
+			prop: "min-block-size",
+			value: "calc(var(--dt-layout-25) * 1.75)",
+			description: "calc(16px * 1.75)"
+		}
+	]
+},
+	"d-combobox-multi-select__chip": {
+	values: [
+		{
+			prop: "z-index",
+			value: "var(--zi-base1)",
+			description: "1"
+		},
+		{
+			prop: "max-inline-size",
+			value: "var(--dt-layout-100-percent)",
+			description: "100%"
+		},
+		{
+			prop: "-webkit-margin-before",
+			value: "var(--dt-spacing-50)",
+			description: "4px"
+		},
+		{
+			prop: "margin-block-start",
+			value: "var(--dt-spacing-50)",
+			description: "4px"
+		},
+		{
+			prop: "margin-inline",
+			value: "var(--dt-spacing-25)",
+			description: "2px"
+		}
+	]
+},
+	"d-combobox-multi-select__chip-wrapper": {
+	values: [
+		{
+			prop: "position",
+			value: "absolute"
+		},
+		{
+			prop: "max-inline-size",
+			value: "calc(var(--dt-layout-100-percent) - var(--dt-spacing-50))",
+			description: "calc(100% - 4px)"
+		},
+		{
+			prop: "max-block-size",
+			value: "initial"
+		},
+		{
+			prop: "margin-inline",
+			value: "var(--dt-spacing-25)",
+			description: "2px"
+		},
+		{
+			prop: "-webkit-padding-start",
+			value: "var(--dt-spacing-1)",
+			description: "0.1rem"
+		},
+		{
+			prop: "padding-inline-start",
+			value: "var(--dt-spacing-1)",
+			description: "0.1rem"
+		},
+		{
+			prop: "overflow-block",
+			value: "visible"
+		}
+	]
+},
+	"d-combobox-multi-select__chip-wrapper-md--collapsed": {
+	values: [
+		{
+			prop: "max-block-size",
+			value: "2.8rem"
+		},
+		{
+			prop: "overflow-block",
+			value: "hidden"
+		}
+	]
+},
+	"d-combobox-multi-select__chip-wrapper-sm--collapsed": {
+	values: [
+		{
+			prop: "max-block-size",
+			value: "2.5rem"
+		},
+		{
+			prop: "overflow-block",
+			value: "hidden"
+		}
+	]
+},
+	"d-combobox-multi-select__chip-wrapper-xs--collapsed": {
+	values: [
+		{
+			prop: "max-block-size",
+			value: "2.5rem"
+		},
+		{
+			prop: "overflow-block",
+			value: "hidden"
+		}
+	]
+},
+	"d-combobox-multi-select__chip--truncate": {
+	values: [
+		{
+			prop: "white-space",
+			value: "nowrap"
+		},
+		{
+			prop: "text-overflow",
+			value: "ellipsis"
+		}
+	]
+},
+	"d-combobox-multi-select__input": {
+	values: [
+		{
+			prop: "flex-grow",
+			value: "1"
+		}
+	]
+},
+	"d-combobox-multi-select__input--hidden": {
+	values: [
+		{
+			prop: "color",
+			value: "transparent"
+		}
+	]
+},
+	"d-combobox-multi-select__input-wrapper": {
+	values: [
+		{
+			prop: "position",
+			value: "relative"
+		},
+		{
+			prop: "display",
+			value: "block"
+		}
+	]
+},
+	"d-combobox-multi-select__list": {
+	values: [
+		{
+			prop: "min-block-size",
+			value: "calc(var(--dt-layout-25) * 1.75)",
+			description: "calc(16px * 1.75)"
+		}
+	]
+},
+	"d-combobox-multi-select__list--loading": {
+	values: [
+		{
+			prop: "padding-block",
+			value: "var(--dt-spacing-200)",
+			description: "16px"
+		},
+		{
+			prop: "text-align",
+			value: "center"
+		}
+	]
 },
 	"d-bga-scroll": {
 	values: [
@@ -31502,7 +31674,7 @@ var utilityClassesData = {
 		{
 			prop: "box-shadow",
 			value: "var(--dt-shadow-focus) !important",
-			description: "0rem 0rem 0rem 0.1rem oklch(0.9748 0.0025 48.72), 0rem 0rem 0rem 0.3rem oklch(0.6089 0.2128 259.28)"
+			description: "0rem 0rem 0rem 0.2rem oklch(0.6089 0.2128 259.28) inset"
 		}
 	]
 },
@@ -31518,6 +31690,19 @@ var utilityClassesData = {
 			description: "0rem 0rem 0rem 0.2rem oklch(0.6089 0.2128 259.28) inset"
 		}
 	]
+},
+	"d-ol-focusring-outset": {
+	values: [
+		{
+			prop: "outline",
+			value: "none !important"
+		},
+		{
+			prop: "box-shadow",
+			value: "var(--dt-shadow-focus-outset) !important",
+			description: "0rem 0rem 0rem 0.1rem oklch(0.9748 0.0025 48.72), 0rem 0rem 0rem 0.3rem oklch(0.6089 0.2128 259.28)"
+		}
+	]
 },
 	"d-ol-none": {
 	values: [
@@ -96787,6 +96972,16 @@ var tokensData = {
 	"base-dark": {
 		value: "-64px"
 	}
+},
+	"--dt-layout-0": {
+	"base-light": {
+		value: "0px",
+		description: "0px"
+	},
+	"base-dark": {
+		value: "0px",
+		description: "0px"
+	}
 },
 	"--dt-layout-25": {
 	"base-light": {
@@ -100090,7 +100285,103 @@ var tokensData = {
 		value: "0.2rem"
 	}
 },
-	"--dt-shadow-focus-1-blur": {
+	"--dt-shadow-focus-inset-blur": {
+	"base-light": {
+		value: "0rem"
+	},
+	"base-dark": {
+		value: "0rem"
+	}
+},
+	"--dt-shadow-focus-inset-spread": {
+	"base-light": {
+		value: "0.2rem"
+	},
+	"base-dark": {
+		value: "0.2rem"
+	}
+},
+	"--dt-shadow-focus-inset-color": {
+	"base-light": {
+		value: "oklch(0.6089 0.2128 259.28)"
+	},
+	"base-dark": {
+		value: "oklch(0.5552 0.223 260.26)"
+	}
+},
+	"--dt-shadow-focus-inset-type": {
+	"base-light": {
+		value: "dropShadow"
+	},
+	"base-dark": {
+		value: "dropShadow"
+	}
+},
+	"--dt-shadow-focus-inset-offset-x": {
+	"base-light": {
+		value: "0rem"
+	},
+	"base-dark": {
+		value: "0rem"
+	}
+},
+	"--dt-shadow-focus-inset-offset-y": {
+	"base-light": {
+		value: "0rem"
+	},
+	"base-dark": {
+		value: "0rem"
+	}
+},
+	"--dt-shadow-focus-blur": {
+	"base-light": {
+		value: "0rem"
+	},
+	"base-dark": {
+		value: "0rem"
+	}
+},
+	"--dt-shadow-focus-spread": {
+	"base-light": {
+		value: "0.2rem"
+	},
+	"base-dark": {
+		value: "0.2rem"
+	}
+},
+	"--dt-shadow-focus-color": {
+	"base-light": {
+		value: "oklch(0.6089 0.2128 259.28)"
+	},
+	"base-dark": {
+		value: "oklch(0.5552 0.223 260.26)"
+	}
+},
+	"--dt-shadow-focus-type": {
+	"base-light": {
+		value: "dropShadow"
+	},
+	"base-dark": {
+		value: "dropShadow"
+	}
+},
+	"--dt-shadow-focus-offset-x": {
+	"base-light": {
+		value: "0rem"
+	},
+	"base-dark": {
+		value: "0rem"
+	}
+},
+	"--dt-shadow-focus-offset-y": {
+	"base-light": {
+		value: "0rem"
+	},
+	"base-dark": {
+		value: "0rem"
+	}
+},
+	"--dt-shadow-focus-outset-1-blur": {
 	"base-light": {
 		value: "0rem"
 	},
@@ -100098,7 +100389,7 @@ var tokensData = {
 		value: "0rem"
 	}
 },
-	"--dt-shadow-focus-1-spread": {
+	"--dt-shadow-focus-outset-1-spread": {
 	"base-light": {
 		value: "0.1rem"
 	},
@@ -100106,7 +100397,7 @@ var tokensData = {
 		value: "0.1rem"
 	}
 },
-	"--dt-shadow-focus-1-color": {
+	"--dt-shadow-focus-outset-1-color": {
 	"base-light": {
 		value: "oklch(0.9748 0.0025 48.72)"
 	},
@@ -100114,7 +100405,7 @@ var tokensData = {
 		value: "oklch(0.1949 0.006 91.63)"
 	}
 },
-	"--dt-shadow-focus-1-type": {
+	"--dt-shadow-focus-outset-1-type": {
 	"base-light": {
 		value: "dropShadow"
 	},
@@ -100122,7 +100413,7 @@ var tokensData = {
 		value: "dropShadow"
 	}
 },
-	"--dt-shadow-focus-1-offset-x": {
+	"--dt-shadow-focus-outset-1-offset-x": {
 	"base-light": {
 		value: "0rem"
 	},
@@ -100130,7 +100421,7 @@ var tokensData = {
 		value: "0rem"
 	}
 },
-	"--dt-shadow-focus-1-offset-y": {
+	"--dt-shadow-focus-outset-1-offset-y": {
 	"base-light": {
 		value: "0rem"
 	},
@@ -100138,7 +100429,7 @@ var tokensData = {
 		value: "0rem"
 	}
 },
-	"--dt-shadow-focus-2-blur": {
+	"--dt-shadow-focus-outset-2-blur": {
 	"base-light": {
 		value: "0rem"
 	},
@@ -100146,7 +100437,7 @@ var tokensData = {
 		value: "0rem"
 	}
 },
-	"--dt-shadow-focus-2-spread": {
+	"--dt-shadow-focus-outset-2-spread": {
 	"base-light": {
 		value: "0.3rem"
 	},
@@ -100154,7 +100445,7 @@ var tokensData = {
 		value: "0.3rem"
 	}
 },
-	"--dt-shadow-focus-2-color": {
+	"--dt-shadow-focus-outset-2-color": {
 	"base-light": {
 		value: "oklch(0.6089 0.2128 259.28)"
 	},
@@ -100162,7 +100453,7 @@ var tokensData = {
 		value: "oklch(0.5552 0.223 260.26)"
 	}
 },
-	"--dt-shadow-focus-2-type": {
+	"--dt-shadow-focus-outset-2-type": {
 	"base-light": {
 		value: "dropShadow"
 	},
@@ -100170,7 +100461,7 @@ var tokensData = {
 		value: "dropShadow"
 	}
 },
-	"--dt-shadow-focus-2-offset-x": {
+	"--dt-shadow-focus-outset-2-offset-x": {
 	"base-light": {
 		value: "0rem"
 	},
@@ -100178,55 +100469,7 @@ var tokensData = {
 		value: "0rem"
 	}
 },
-	"--dt-shadow-focus-2-offset-y": {
-	"base-light": {
-		value: "0rem"
-	},
-	"base-dark": {
-		value: "0rem"
-	}
-},
-	"--dt-shadow-focus-inset-blur": {
-	"base-light": {
-		value: "0rem"
-	},
-	"base-dark": {
-		value: "0rem"
-	}
-},
-	"--dt-shadow-focus-inset-spread": {
-	"base-light": {
-		value: "0.2rem"
-	},
-	"base-dark": {
-		value: "0.2rem"
-	}
-},
-	"--dt-shadow-focus-inset-color": {
-	"base-light": {
-		value: "oklch(0.6089 0.2128 259.28)"
-	},
-	"base-dark": {
-		value: "oklch(0.5552 0.223 260.26)"
-	}
-},
-	"--dt-shadow-focus-inset-type": {
-	"base-light": {
-		value: "dropShadow"
-	},
-	"base-dark": {
-		value: "dropShadow"
-	}
-},
-	"--dt-shadow-focus-inset-offset-x": {
-	"base-light": {
-		value: "0rem"
-	},
-	"base-dark": {
-		value: "0rem"
-	}
-},
-	"--dt-shadow-focus-inset-offset-y": {
+	"--dt-shadow-focus-outset-2-offset-y": {
 	"base-light": {
 		value: "0rem"
 	},
@@ -105574,7 +105817,7 @@ var tokensData = {
 		value: "8.2rem"
 	}
 },
-	"--dt-shadow-focus": {
+	"--dt-shadow-focus-outset": {
 	"base-light": {
 		value: "0rem 0rem 0rem 0.1rem oklch(0.9748 0.0025 48.72), 0rem 0rem 0rem 0.3rem oklch(0.6089 0.2128 259.28)"
 	},
@@ -105629,6 +105872,14 @@ var tokensData = {
 	"base-dark": {
 		value: "0rem 0rem 0rem 0.2rem oklch(0.5552 0.223 260.26) inset"
 	}
+},
+	"--dt-shadow-focus": {
+	"base-light": {
+		value: "0rem 0rem 0rem 0.2rem oklch(0.6089 0.2128 259.28) inset"
+	},
+	"base-dark": {
+		value: "0rem 0rem 0rem 0.2rem oklch(0.5552 0.223 260.26) inset"
+	}
 },
 	"--dt-shadow-small-1-blur": {
 	"base-dark": {
@@ -474429,141 +474680,6 @@ var tokensData = {
 	"dp-light": {
 		value: "100%"
 	}
-},
-	"--tab--bgc": {
-	"dp-light": {
-		value: "oklch(0.3436 0.0055 56.21)"
-	}
-},
-	"--contact-info-avatar-border-color": {
-	"dp-light": {
-		value: "oklch(1 0 0)"
-	}
-},
-	"--emoji-item-color-inset-shadow": {
-	"dp-light": {
-		value: "transparent"
-	}
-},
-	"--emoji-item-color-foreground": {
-	"dp-light": {
-		value: "oklch(0.4747 0.0059 86.72)"
-	}
-},
-	"--emoji-item-color-background": {
-	"dp-light": {
-		value: "oklch(from oklch(0.8448 0.0059 84.57) l c h / .45)"
-	}
-},
-	"--emoji-size": {
-	"dp-light": {
-		value: "calc(14px + 0.2rem)"
-	}
-},
-	"--leftbar-row-color-foreground": {
-	"dp-light": {
-		value: "oklch(0.2572 0.0063 78.21)"
-	}
-},
-	"--leftbar-row-color-background": {
-	"dp-light": {
-		value: "oklch(0.9748 0.0025 48.72)"
-	}
-},
-	"--leftbar-row-radius": {
-	"dp-light": {
-		value: "0.8rem"
-	}
-},
-	"--leftbar-row-opacity": {
-	"dp-light": {
-		value: "100%"
-	}
-},
-	"--leftbar-row-alpha-color-foreground": {
-	"dp-light": {
-		value: "oklch(0.2572 0.0063 78.21)"
-	}
-},
-	"--leftbar-row-alpha-width": {
-	"dp-light": {
-		value: "calc(32px + 4px)"
-	}
-},
-	"--leftbar-row-alpha-height": {
-	"dp-light": {
-		value: "calc(32px + 4px)"
-	}
-},
-	"--leftbar-row-omega-height": {
-	"dp-light": {
-		value: "calc(32px + 4px)"
-	}
-},
-	"--leftbar-row-unread-badge-display": {
-	"dp-light": {
-		value: "inline-flex"
-	}
-},
-	"--leftbar-row-description-color-foreground": {
-	"dp-light": {
-		value: "oklch(0.2572 0.0063 78.21)"
-	}
-},
-	"--leftbar-row-description-font-weight": {
-	"dp-light": {
-		value: "400"
-	}
-},
-	"--leftbar-row-description-font-size": {
-	"dp-light": {
-		value: "16px"
-	}
-},
-	"--leftbar-row-description-line-height": {
-	"dp-light": {
-		value: "1.2"
-	}
-},
-	"--leftbar-row-status-color-foreground": {
-	"dp-light": {
-		value: "oklch(0.26 0.01 78.2 / 0.6)"
-	}
-},
-	"--leftbar-row-status-font-size": {
-	"dp-light": {
-		value: "12px"
-	}
-},
-	"--leftbar-row-status-line-height": {
-	"dp-light": {
-		value: "1"
-	}
-},
-	"--leftbar-row-action-position-right": {
-	"dp-light": {
-		value: "8px"
-	}
-},
-	"--leftbar-row-action-position-bottom": {
-	"dp-light": {
-		value: "50%"
-	}
-},
-	"--leftbar-row-action-width": {
-	"dp-light": {
-		value: "calc(16px * 1.5)"
-	}
-},
-	"--leftbar-row-action-height": {
-	"dp-light": {
-		value: "calc(16px * 1.5)"
-	}
-},
-	"--is-typing-size-shape": {
-	"dp-light": {
-		value: "calc(16px * 1.5)"
-	}
 },
 	"--bgg-pattern": {
 	"dp-light": {
@@ -485923,6 +486039,25 @@ var componentsData = [
 					value: "['auto']"
 				}
 			},
+			{
+				name: "boundary",
+				description: "The element used to determine overflow boundaries for the popover.\n<a\n  class=\"d-link\"\n  href=\"https://popper.js.org/docs/v2/utils/detect-overflow/#boundary\"\n  target=\"_blank\"\n>\n  Popper.js docs\n</a>",
+				tags: {
+				},
+				values: [
+					"clippingParents",
+					"viewport",
+					"document",
+					"HTMLElement"
+				],
+				type: {
+					name: "string|HTML_ELEMENT_TYPE"
+				},
+				defaultValue: {
+					func: false,
+					value: "'clippingParents'"
+				}
+			},
 			{
 				name: "placement",
 				description: "The direction the popover displays relative to the anchor.\n<a\n  class=\"d-link\"\n  href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n  target=\"_blank\"\n>\n  Tippy.js docs\n</a>",
@@ -493792,4080 +493927,6 @@ var componentsData = [
 		sourceFiles: [
 			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/components/ValidationMessages/ValidationMessages.vue"
 		]
-	},
-	{
-		displayName: "DtRecipeCallbarButton",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "id",
-				description: "Id for the item.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: true,
-					value: "function() {\n  return utils.getUniqueString();\n}"
-				}
-			},
-			{
-				name: "active",
-				description: "Determines whether the button should have active styling\ndefault is false.",
-				tags: {
-					see: [
-						{
-							description: "https://dialtone.dialpad.com/components/button/",
-							title: "see"
-						}
-					]
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "danger",
-				description: "Determines whether the button should have danger styling\ndefault is false.",
-				tags: {
-					see: [
-						{
-							description: "https://dialtone.dialpad.com/components/button/",
-							title: "see"
-						}
-					]
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "disabled",
-				description: "Determines whether the button should be disabled\ndefault is false.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "circle",
-				description: "Whether the button is a circle or not. Use only with icon-only buttons.",
-				tags: {
-					see: [
-						{
-							description: "https://dialtone.dialpad.com/components/button/",
-							title: "see"
-						}
-					]
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "ariaLabel",
-				description: "Aria label for the button. If empty, it takes its value from the default slot.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "buttonClass",
-				description: "Additional class name for the button wrapper element.",
-				type: {
-					name: "string|array|object"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "textClass",
-				description: "Additional class name for the button text.",
-				type: {
-					name: "string|array|object"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "buttonWidthSize",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'xl'"
-				},
-				values: [
-					"sm",
-					"md",
-					"lg",
-					"xl"
-				]
-			},
-			{
-				name: "importance",
-				description: "The fill and outline of the button associated with its visual importance.",
-				tags: {
-				},
-				values: [
-					"clear",
-					"outlined",
-					"primary"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "invertedTooltip",
-				description: "Whether the tooltip has an inverted background color.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "showTooltip",
-				description: "Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.",
-				tags: {
-				},
-				values: [
-					"null",
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "tooltipText",
-				description: "The message that displays in the tooltip. This will be overridden by the tooltip slot.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "undefined"
-				}
-			},
-			{
-				name: "tooltipDelay",
-				description: "Whether there is a delay before the tooltip shows on hover/focus.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "undefined"
-				}
-			}
-		],
-		events: [
-			{
-				name: "click",
-				description: "Native click event",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "default"
-			},
-			{
-				name: "blockStartIcon"
-			},
-			{
-				name: "icon",
-				description: "@deprecated Use blockStartIcon"
-			},
-			{
-				name: "tooltip"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/buttons/callbar_button/callbar_button.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeCallbarButtonWithDropdown",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "id",
-				description: "Id for the item.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: true,
-					value: "function() {\n  return utils.getUniqueString();\n}"
-				}
-			},
-			{
-				name: "ariaLabel",
-				description: "Aria label for the button. If empty, it takes its value from the default slot.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "placement",
-				description: "The direction the dropdown displays relative to the anchor.",
-				tags: {
-					"default": [
-						{
-							description: "'top'",
-							title: "default"
-						}
-					]
-				},
-				values: [
-					"'bottom'",
-					"'bottom-start'",
-					"'bottom-end'",
-					"'right'",
-					"'right-start'",
-					"'right-end'",
-					"'left'",
-					"'left-start'",
-					"'left-end'",
-					"'top'",
-					"'top-start'",
-					"'top-end'"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'top'"
-				}
-			},
-			{
-				name: "fallbackPlacements",
-				description: "If the dropdown does not fit in the direction described by \"placement\",\nit will attempt to change it's direction to the \"fallbackPlacements\".",
-				tags: {
-				},
-				values: [
-					"top",
-					"top-start",
-					"top-end",
-					"right",
-					"right-start",
-					"right-end",
-					"left",
-					"left-start",
-					"left-end",
-					"bottom",
-					"bottom-start",
-					"bottom-end",
-					"auto",
-					"auto-start",
-					"auto-end"
-				],
-				type: {
-					name: "array"
-				},
-				defaultValue: {
-					func: false,
-					value: "['auto']"
-				}
-			},
-			{
-				name: "disabled",
-				description: "Determines whether the button should be disabled\ndefault is false.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "forceShowArrow",
-				description: "Forces showing the arrow, even if the button is disabled.\ndefault is false",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "active",
-				description: "Determines whether the button should have active styling\ndefault is false.",
-				tags: {
-					see: [
-						{
-							description: "https://dialtone.dialpad.com/components/button/",
-							title: "see"
-						}
-					]
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "danger",
-				description: "Determines whether the button should have danger styling\ndefault is false.",
-				tags: {
-					see: [
-						{
-							description: "https://dialtone.dialpad.com/components/button/",
-							title: "see"
-						}
-					]
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "onClick",
-				description: "We need this declaration because of how Vue3 informs the component about a listener.\nSpoiler alert: it doesn't.\nVue3 intends to work as a real pub-sub, meaning the publisher has not a clue of who the subscribers are.\nThis makes it impossible from the regular declaration (emits: ['click']) to check whether\nwe actually have a click handler or not.\nWe're hacking it by adding an onClick prop: https://github.com/vuejs/core/issues/5220",
-				type: {
-					name: "func"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "buttonClass",
-				description: "Additional class name for the button wrapper element.",
-				type: {
-					name: "string|array|object"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "textClass",
-				description: "Additional class name for the button text.",
-				type: {
-					name: "string|array|object"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "buttonWidthSize",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'xl'"
-				},
-				values: [
-					"sm",
-					"md",
-					"lg",
-					"xl"
-				]
-			},
-			{
-				name: "invertedTooltip",
-				description: "Whether the tooltip has an inverted background color.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "showTooltip",
-				description: "Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.",
-				tags: {
-				},
-				values: [
-					"null",
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "tooltipText",
-				description: "The message that displays in the tooltip. This will be overridden by the tooltip slot.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "undefined"
-				}
-			},
-			{
-				name: "tooltipDelay",
-				description: "Whether there is a delay before the tooltip shows on hover/focus.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "undefined"
-				}
-			}
-		],
-		events: [
-			{
-				name: "arrow-click",
-				description: "Emitted when the arrow is clicked",
-				type: {
-					names: [
-						"undefined"
-					]
-				}
-			},
-			{
-				name: "click",
-				description: "Native click event",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			},
-			{
-				name: "opened",
-				description: "Emitted when modal dropdown is opened or closed.",
-				type: {
-					names: [
-						"undefined"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "blockStartIcon"
-			},
-			{
-				name: "icon"
-			},
-			{
-				name: "tooltip"
-			},
-			{
-				name: "default"
-			},
-			{
-				name: "list",
-				scoped: true,
-				bindings: [
-					{
-						name: "close",
-						title: "binding"
-					}
-				]
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeCallbarButtonWithPopover",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "id",
-				description: "Id for the item.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: true,
-					value: "function() {\n  return utils.getUniqueString();\n}"
-				}
-			},
-			{
-				name: "ariaLabel",
-				description: "Aria label for the button. If empty, it takes its value from the default slot.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "placement",
-				description: "The direction the popover displays relative to the anchor.",
-				tags: {
-					"default": [
-						{
-							description: "'top'",
-							title: "default"
-						}
-					]
-				},
-				values: [
-					"'bottom'",
-					"'bottom-start'",
-					"'bottom-end'",
-					"'right'",
-					"'right-start'",
-					"'right-end'",
-					"'left'",
-					"'left-start'",
-					"'left-end'",
-					"'top'",
-					"'top-start'",
-					"'top-end'"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'top'"
-				}
-			},
-			{
-				name: "offset",
-				description: "Displaces the content box from its anchor element\n by the specified number of pixels.\n <a\n   class=\"d-link\"\n   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n   target=\"_blank\"\n >\n   Tippy.js docs\n </a>",
-				type: {
-					name: "array"
-				},
-				defaultValue: {
-					func: false,
-					value: "[0, 16]"
-				}
-			},
-			{
-				name: "initialFocusElement",
-				description: "The element that is focused when the popover is opened. This can be an\nHTMLElement within the popover, a string starting with '#' which will\nfind the element by ID. 'first' which will automatically focus\nthe first element, or 'dialog' which will focus the dialog window itself.\nIf the dialog is modal this prop cannot be 'none'.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'first'"
-				}
-			},
-			{
-				name: "showCloseButton",
-				description: "Determines visibility for close button",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "disabled",
-				description: "Determines whether the button should be disabled\ndefault is false.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "forceShowArrow",
-				description: "Forces showing the arrow, even if the button is disabled.\ndefault is false",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "active",
-				description: "Determines whether the button should have active styling\ndefault is false.",
-				tags: {
-					see: [
-						{
-							description: "https://dialtone.dialpad.com/components/button/",
-							title: "see"
-						}
-					]
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "danger",
-				description: "Determines whether the button should have danger styling\ndefault is false.",
-				tags: {
-					see: [
-						{
-							description: "https://dialtone.dialpad.com/components/button/",
-							title: "see"
-						}
-					]
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "onClick",
-				description: "We need this declaration because of how Vue3 informs the component about a listener.\nSpoiler alert: it doesn't.\nVue3 intends to work as a real pub-sub, meaning the publisher has not a clue of who the subscribers are.\nThis makes it impossible from the regular declaration (emits: ['click']) to check whether\nwe actually have a click handler or not.\nWe're hacking it by adding an onClick prop: https://github.com/vuejs/core/issues/5220",
-				type: {
-					name: "func"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "buttonClass",
-				description: "Additional class name for the button wrapper element.",
-				type: {
-					name: "string|array|object"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "textClass",
-				description: "Additional class name for the button text.",
-				type: {
-					name: "string|array|object"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "buttonWidthSize",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'xl'"
-				},
-				values: [
-					"sm",
-					"md",
-					"lg",
-					"xl"
-				]
-			},
-			{
-				name: "contentClass",
-				description: "Additional class name for the popover content wrapper element.",
-				type: {
-					name: "string|array|object"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "openPopover",
-				description: "To auto open the modal popover.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "invertedTooltip",
-				description: "Whether the tooltip has an inverted background color.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "showTooltip",
-				description: "Use this if you would like to manually override the logic for when the tooltip shows.\nOtherwise it will just show on hover/focus.",
-				tags: {
-				},
-				values: [
-					"null",
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "tooltipText",
-				description: "The message that displays in the tooltip. This will be overridden by the tooltip slot.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "undefined"
-				}
-			},
-			{
-				name: "tooltipDelay",
-				description: "Whether there is a delay before the tooltip shows on hover/focus.",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "undefined"
-				}
-			}
-		],
-		events: [
-			{
-				name: "arrow-click",
-				description: "Emitted when the arrow is clicked",
-				type: {
-					names: [
-						"undefined"
-					]
-				}
-			},
-			{
-				name: "click",
-				description: "Native click event",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			},
-			{
-				name: "opened",
-				description: "Emitted when modal popover is opened or closed.",
-				type: {
-					names: [
-						"undefined"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "blockStartIcon"
-			},
-			{
-				name: "icon"
-			},
-			{
-				name: "tooltip"
-			},
-			{
-				name: "default"
-			},
-			{
-				name: "content"
-			},
-			{
-				name: "headerContent"
-			},
-			{
-				name: "footerContent"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeIvrNode",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "nodeType",
-				description: "type of IVR Node.",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "nodeLabel",
-				description: "Descriptive label for the node name.",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "isSelected",
-				description: "Selected state of the node",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "dtmfKey",
-				description: "DTMF input",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			}
-		],
-		events: [
-			{
-				name: "click",
-				description: "Add node click event",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "connector"
-			},
-			{
-				name: "menuItems",
-				scoped: true,
-				bindings: [
-					{
-						name: "close",
-						title: "binding"
-					}
-				]
-			},
-			{
-				name: "content"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/cards/ivr_node/ivr_node.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeGroupedChip",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		slots: [
-			{
-				name: "startIcon",
-				description: "Slot for start chip icon information"
-			},
-			{
-				name: "leftIcon",
-				description: "@deprecated Use startIcon"
-			},
-			{
-				name: "startContent",
-				description: "Slot for start chip content information"
-			},
-			{
-				name: "leftContent",
-				description: "@deprecated Use startContent"
-			},
-			{
-				name: "endIcon",
-				description: "Slot for end chip icon information"
-			},
-			{
-				name: "rightIcon",
-				description: "@deprecated Use endIcon"
-			},
-			{
-				name: "endContent",
-				description: "Slot for end chip content information"
-			},
-			{
-				name: "rightContent",
-				description: "@deprecated Use endContent"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/chips/grouped_chip/grouped_chip.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeAttachmentCarousel",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "mediaList",
-				description: "media - object array of media objects",
-				tags: {
-					type: [
-						{
-							title: "type",
-							type: {
-								name: "Array"
-							}
-						}
-					]
-				},
-				type: {
-					name: "Array"
-				},
-				defaultValue: {
-					func: false,
-					value: "[]"
-				}
-			}
-		],
-		events: [
-			{
-				name: "remove-media",
-				description: "Emitted when popover is shown or hidden",
-				type: {
-					names: [
-						"Number"
-					]
-				}
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/attachment_carousel/attachment_carousel.vue"
-		]
-	},
-	{
-		displayName: "EditorToolbarButton",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "isActive",
-				description: "Whether the button is active",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "tooltipMessage",
-				description: "Tooltip message",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "dataQA",
-				description: "Data QA attribute for testing",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "tabindex",
-				description: "Tab index for keyboard navigation",
-				type: {
-					name: "number"
-				},
-				defaultValue: {
-					func: false,
-					value: "-1"
-				}
-			},
-			{
-				name: "icon",
-				description: "Icon component",
-				type: {
-					name: "object"
-				},
-				required: true
-			},
-			{
-				name: "label",
-				description: "Button label text",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "onClick",
-				description: "Click handler function",
-				type: {
-					name: "func"
-				},
-				required: true
-			}
-		],
-		events: [
-			{
-				name: "shift-focus-right",
-				description: "Emitted when right arrow key is pressed"
-			},
-			{
-				name: "shift-focus-left",
-				description: "Emitted when left arrow key is pressed"
-			}
-		],
-		slots: [
-			{
-				name: "extra"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/editor/EditorToolbarButton.vue"
-		]
-	},
-	{
-		displayName: "EditorToolbardropdownButton",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "isActive",
-				description: "Whether the button is active",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "tooltipMessage",
-				description: "Tooltip message",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "dataQa",
-				description: "Data QA attribute for testing",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "dropdownDataQa",
-				description: "dropdown specific data QA attribute",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "tabindex",
-				description: "Tab index for keyboard navigation",
-				type: {
-					name: "number"
-				},
-				defaultValue: {
-					func: false,
-					value: "-1"
-				}
-			},
-			{
-				name: "icon",
-				description: "Icon component",
-				type: {
-					name: "object"
-				},
-				required: true
-			}
-		],
-		events: [
-			{
-				name: "shift-focus-right",
-				description: "Emitted when right arrow key is pressed"
-			},
-			{
-				name: "shift-focus-left",
-				description: "Emitted when left arrow key is pressed"
-			}
-		],
-		slots: [
-			{
-				name: "list",
-				scoped: true,
-				bindings: [
-					{
-						name: "close",
-						title: "binding"
-					}
-				]
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/editor/EditorToolbarDropdownButton.vue"
-		]
-	},
-	{
-		displayName: "EditorToolbarPopoverButton",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "isActive",
-				description: "Whether the button is active",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "tooltipMessage",
-				description: "Tooltip message",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "dataQa",
-				description: "Data QA attribute for testing",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "popoverDataQa",
-				description: "Popover specific data QA attribute",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "tabindex",
-				description: "Tab index for keyboard navigation",
-				type: {
-					name: "number"
-				},
-				defaultValue: {
-					func: false,
-					value: "-1"
-				}
-			},
-			{
-				name: "icon",
-				description: "Icon component",
-				type: {
-					name: "object"
-				},
-				required: true
-			}
-		],
-		events: [
-			{
-				name: "shift-focus-right",
-				description: "Emitted when right arrow key is pressed"
-			},
-			{
-				name: "shift-focus-left",
-				description: "Emitted when left arrow key is pressed"
-			}
-		],
-		slots: [
-			{
-				name: "content",
-				scoped: true,
-				bindings: [
-					{
-						name: "close",
-						title: "binding"
-					}
-				]
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/editor/EditorToolbarPopoverButton.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeEditor",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "modelValue",
-				description: "Value of the input. The object format should match TipTap's JSON\ndocument structure: https://tiptap.dev/guide/output#option-1-json",
-				type: {
-					name: "object|string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "editable",
-				description: "Whether the input is editable",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "inputAriaLabel",
-				description: "Descriptive label for the input element",
-				type: {
-					name: "string"
-				},
-				required: true,
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "inputClass",
-				description: "Additional class name for the input element. Only accepts a String value\nbecause this is passed to the editor via options. For multiple classes,\njoin them into one string, e.g. \"d-p-100 d-hmx-150\"",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "autoFocus",
-				description: "Whether the input should receive focus after the component has been\nmounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n- `start`  Sets the focus to the beginning of the input\n- `end`    Sets the focus to the end of the input\n- `all`    Selects the whole contents of the input\n- `Number` Sets the focus to a specific position in the input\n- `true`   Defaults to `start`\n- `false`  Disables autofocus",
-				tags: {
-				},
-				values: [
-					"true",
-					"false",
-					"start",
-					"end",
-					"all",
-					"number"
-				],
-				type: {
-					name: "boolean|string|number"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "placeholder",
-				description: "Placeholder text",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "maxHeight",
-				description: "Content area needs to dynamically adjust height based on the conversation area height.\ncan be vh|px|rem|em|%",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'unset'"
-				}
-			},
-			{
-				name: "setLinkPlaceholder",
-				description: "Placeholder text for the set link input field",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "showBoldButton",
-				description: "Show button to render text as bold",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showItalicsButton",
-				description: "Show button to render text in italics",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showUnderlineButton",
-				description: "Show button to underline text",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showStrikeButton",
-				description: "Show button to strike text",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showListItemsButton",
-				description: "Show button to render list items",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showOrderedListButton",
-				description: "Show button to render ordered list items",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showAlignLeftButton",
-				description: "Show button to align text to the left",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showAlignCenterButton",
-				description: "Show button to align text to the center",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showAlignRightButton",
-				description: "Show button to align text to the right",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showAlignJustifyButton",
-				description: "Show button to justify text",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showQuoteButton",
-				description: "Show button to add quote format to text",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showCodeBlockButton",
-				description: "Show button to add code block",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showQuickRepliesButton",
-				description: "Show button to handle quick replies",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "showInlineImageButton",
-				description: "Show button to add an inline image",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "showVariableButton",
-				description: "Show button to add a variable",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "variableCategories",
-				description: "Variable categories to display when variable button is clicked",
-				type: {
-					name: "array"
-				},
-				defaultValue: {
-					func: false,
-					value: "[]"
-				}
-			},
-			{
-				name: "showAddLink",
-				description: "Show add link default config.",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  showAddLinkButton: true\n}"
-				}
-			},
-			{
-				name: "showFontStyleButton",
-				description: "Show font style button.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "showFontSizeButton",
-				description: "Show font size button.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "showFontColorButton",
-				description: "Show font color button.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "fontStyles",
-				description: "Available font styles for the font style dropdown.",
-				type: {
-					name: "array"
-				},
-				defaultValue: {
-					func: false,
-					value: "[\n  { name: 'Arial', value: null }, // arial is the default font\n  { name: 'Georgia', value: 'Georgia' },\n  { name: 'Helvetica', value: 'Helvetica' },\n  { name: 'Verdana', value: 'Verdana'},\n  { name: 'Times New Roman', value: 'Times New Roman' },\n]"
-				}
-			},
-			{
-				name: "fontSizes",
-				type: {
-					name: "array"
-				},
-				defaultValue: {
-					func: false,
-					value: "[\n  { name: 'Small', value: '12px'},\n  { name: 'Normal', value: '15px'},\n  { name: 'Large', value: '24px'},\n  { name: 'Huge', value: '36px'},\n]"
-				}
-			},
-			{
-				name: "allowBackgroundColor",
-				description: "Whether the input allows background color to be introduced in the text.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "allowLineHeight",
-				description: "Whether the input allows line height to be introduced in the text.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "preserveWhitespace",
-				description: "Controls how whitespace is handled when parsing HTML content.\n- 'full': All whitespace is preserved\n- true: Whitespace in inline content is preserved, whitespace-only nodes between blocks are removed\n- false: Standard HTML whitespace collapsing",
-				tags: {
-				},
-				values: [
-					"full",
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean|string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'full'"
-				}
-			},
-			{
-				name: "useDivTags",
-				description: "Use div tags instead of paragraph tags to show text",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "allowTables",
-				description: "Allow Tables to be used in to the editor",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "allowImageResize",
-				description: "Allow image resizing",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			}
-		],
-		events: [
-			{
-				name: "focus",
-				description: "Native focus event",
-				type: {
-					names: [
-						"union"
-					]
-				}
-			},
-			{
-				name: "blur",
-				description: "Native blur event",
-				type: {
-					names: [
-						"union"
-					]
-				}
-			},
-			{
-				name: "update:modelValue",
-				description: "Event fired to sync the modelValue prop with the parent component",
-				type: {
-					names: [
-						"union"
-					]
-				}
-			},
-			{
-				name: "quick-replies-click",
-				description: "Quick replies button\npressed event"
-			},
-			{
-				name: "inline-image-click",
-				description: "Emit when inline image button is clicked"
-			},
-			{
-				name: "text-input",
-				description: "Emit when text input is changed",
-				type: {
-					names: [
-						"String"
-					]
-				}
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/editor/editor.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeEmojiRow",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "reactions",
-				description: "Provide an array of reaction objects to be shown.",
-				type: {
-					name: "array"
-				},
-				defaultValue: {
-					func: false,
-					value: "[]"
-				}
-			}
-		],
-		events: [
-			{
-				name: "emoji-clicked",
-				type: {
-					names: [
-						"undefined"
-					]
-				}
-			},
-			{
-				name: "emoji-hovered",
-				type: {
-					names: [
-						"undefined"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "picker",
-				description: "Slot for emoji picker component, including the anchor."
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/emoji_row/emoji_row.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeFeedItemPill",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "title",
-				description: "Bolded primary text",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => ''"
-				}
-			},
-			{
-				name: "buttonClass",
-				description: "Additional styling for the pill",
-				type: {
-					name: "string|array|object"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "toggleable",
-				description: "Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => true"
-				}
-			},
-			{
-				name: "defaultToggled",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => false"
-				}
-			},
-			{
-				name: "borderColor",
-				description: "Callbox border color",
-				tags: {
-				},
-				values: [
-					"default",
-					"ai",
-					"critical"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'default'"
-				}
-			}
-		],
-		slots: [
-			{
-				name: "title"
-			},
-			{
-				name: "startIcon",
-				scoped: true,
-				description: "Slot for start icon, icon-size slot prop defaults to '300'",
-				bindings: [
-					{
-						name: "icon-size",
-						title: "binding"
-					}
-				]
-			},
-			{
-				name: "leftIcon",
-				scoped: true,
-				description: "@deprecated Use startIcon",
-				bindings: [
-					{
-						name: "icon-size",
-						title: "binding"
-					}
-				]
-			},
-			{
-				name: "subtitle"
-			},
-			{
-				name: "blockEnd",
-				description: "Slot for block-end content"
-			},
-			{
-				name: "bottom",
-				description: "@deprecated Use blockEnd"
-			},
-			{
-				name: "end",
-				description: "Slot for end content"
-			},
-			{
-				name: "right",
-				description: "@deprecated Use end"
-			},
-			{
-				name: "content"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/feed_item_pill/feed_item_pill.vue"
-		]
-	},
-	{
-		description: "This mixin provides the methods to automatically trap tab focus within\nthe component this mixin is on, meaning it is not possible to tab out\nof the component without dismissing it.\n\nUseful for accessibility reasons on things like important actionable alerts.\n\nUse focusFirstElement to focus on the first tabbable element within your component, and call\nfocusTrappedTabPress every time tab is pressed to trap tab within this\ncomponent.\n\nNote that focusFirstElement WILL focus elements with tabindex=\"-1\",\nhowever focusTrappedTabPress will not.",
-		displayName: "DtRecipeFeedItemRow",
-		tags: {
-		},
-		exportName: "default",
-		props: [
-			{
-				name: "avatarSeed",
-				description: "Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "showHeader",
-				description: "Show avatar, show header text or dont show left time and vice versa",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "avatarImageUrl",
-				description: "Optional avatar image url.\nIf not provided it will use extracted initials from displayName.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "displayName",
-				description: "The display name of the sender",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "noInitials",
-				description: "Initials will never be shown. Instead it will show a \"User\" icon.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "time",
-				description: "time string displayed as is.\nShown on the header when showHeader is true",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "shortTime",
-				description: "short time string without AM/PM displayed as is.\nShown on the left of feed item when showHeader is false and isActive is true",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "labelText",
-				description: "A label displayed next to the displayName. Will not show if empty.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "isActive",
-				description: "displays a darkened background on the row.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "state",
-				description: "state for the feed item row. Can be normal, searched & error",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "DEFAULT_FEED_ROW_STATE"
-				}
-			}
-		],
-		events: [
-			{
-				name: "hover",
-				description: "Fires when hovered over feed row",
-				type: {
-					names: [
-						"Boolean"
-					]
-				}
-			},
-			{
-				name: "focus",
-				description: "Fires when focused over feed row",
-				type: {
-					names: [
-						"Boolean"
-					]
-				}
-			},
-			{
-				name: "keydown",
-				description: "Key down event",
-				type: {
-					names: [
-						"KeyboardEvent"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "avatar",
-				description: "Slot to contain the avatar, overrides avatar props."
-			},
-			{
-				name: "displayName",
-				description: "Slot for display name"
-			},
-			{
-				name: "default"
-			},
-			{
-				name: "attachment"
-			},
-			{
-				name: "reactions",
-				description: "Slot for reactions row component"
-			},
-			{
-				name: "threading",
-				description: "Slot for threading row component"
-			},
-			{
-				name: "menu",
-				description: "Slot for actions hover menu component"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/common/mixins/modal.js",
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/feed_item_row/feed_item_row.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeMessageInput",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "richText",
-				description: "Displays all the buttons for rich text formatting above the message input, and enables it within the editor.\nRich text formatting for the purposes of this component is defined as:\n\nbold, italic, strikethrough, lists, blockquotes, inline code tags, and code blocks.\n\nIf you are sending a message to a phone rather than a Dialpad to Dialpad message, you should have this as false.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "modelValue",
-				description: "Value of the input. The object format should match TipTap's JSON\ndocument structure: https://tiptap.dev/guide/output#option-1-json",
-				type: {
-					name: "object|string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "editable",
-				description: "Whether the input is editable",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "inputAriaLabel",
-				description: "Descriptive label for the input element",
-				type: {
-					name: "string"
-				},
-				required: true,
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "allowTyping",
-				description: "Allows the user to type. Set to false to prevent typing (deleting text will still work).",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "inputClass",
-				description: "Additional class name for the input element. Only accepts a String value\nbecause this is passed to the editor via options. For multiple classes,\njoin them into one string, e.g. \"d-p-100 d-hmx-150\"",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "autoFocus",
-				description: "Whether the input should receive focus after the component has been\nmounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n- `start`  Sets the focus to the beginning of the input\n- `end`    Sets the focus to the end of the input\n- `all`    Selects the whole contents of the input\n- `Number` Sets the focus to a specific position in the input\n- `true`   Defaults to `start`\n- `false`  Disables autofocus",
-				tags: {
-				},
-				values: [
-					"true",
-					"false",
-					"start",
-					"end",
-					"all",
-					"number"
-				],
-				type: {
-					name: "boolean|string|number"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "outputFormat",
-				description: "The output format that the editor uses when emitting the \"update:modelValue\" event.\nOne of `text`, `json`, `html`, `markdown`. See https://tiptap.dev/guide/output for\nexamples.",
-				tags: {
-				},
-				values: [
-					"text",
-					"json",
-					"html",
-					"markdown"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'json'"
-				}
-			},
-			{
-				name: "placeholder",
-				description: "Placeholder text",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "disableSend",
-				description: "Disable Send Button",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "maxHeight",
-				description: "Content area needs to dynamically adjust height based on the conversation area height.\ncan be vh|px|rem|em|%",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'unset'"
-				}
-			},
-			{
-				name: "showEmojiPicker",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "emojiPickerProps",
-				description: "Props to pass into the emoji picker.",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "showCharacterLimit",
-				description: "Enable character Limit warning",
-				type: {
-					name: "boolean|object"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => ({ count: 1500, warning: 500, message: '' })"
-				}
-			},
-			{
-				name: "showImagePicker",
-				type: {
-					name: "boolean|object"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => ({})"
-				}
-			},
-			{
-				name: "showSend",
-				description: "Send button defaults.\nTODO (Dialtone 10):\n- Change to `showSendButton`, boolean only.",
-				type: {
-					name: "boolean|object"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => ({})"
-				}
-			},
-			{
-				name: "showCancel",
-				description: "Cancel button defaults.\nTODO (Dialtone 10): Change to `showCancelButton`, boolean only.",
-				type: {
-					name: "boolean|object"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => ({})"
-				}
-			},
-			{
-				name: "mentionSuggestion",
-				description: "suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the contacts for suggestion.\nitems({ query }) => { return [ContactObject]; }\nContactObject format:\n{ name: string, avatarSrc: string, id: string }\n\nWhen null, it does not add the plugin.",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "channelSuggestion",
-				description: "suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the channels for suggestion.\nitems({ query }) => { return [ChannelObject]; }\nChannelObject format:\n{ name: string, id: string, locked: boolean }\n\nWhen null, it does not add the plugin. Setting locked to true will display a lock rather than hash.",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "slashCommandSuggestion",
-				description: "suggestion object containing the items query function.\nThe valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n\nThe only required key is the items function which is used to query the slash commands for suggestion.\nitems({ query }) => { return [SlashCommandObject]; }\nSlashCommandObject format:\n{ command: string, description: string, parametersExample?: string }\nThe \"parametersExample\" parameter is optional, and describes an example\nof the parameters that command can take.\n\nWhen null, it does not add the plugin.",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "boldButtonOptions",
-				description: "descriptive text fields for the bold button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  keyboardShortcutText: 'Mod + B'\n}"
-				}
-			},
-			{
-				name: "italicButtonOptions",
-				description: "descriptive text fields for the italic button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  keyboardShortcutText: 'Mod + I'\n}"
-				}
-			},
-			{
-				name: "strikeButtonOptions",
-				description: "descriptive text fields for the strikethrough button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  keyboardShortcutText: 'Mod + Shift + S'\n}"
-				}
-			},
-			{
-				name: "linkButtonOptions",
-				description: "descriptive text fields for the link button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  // TODO: implement mod k\n  keyboardShortcutText: 'Mod + K',\n\n  linkPlaceholder: 'e.g. https://www.dialpad.com'\n}"
-				}
-			},
-			{
-				name: "bulletListButtonOptions",
-				description: "descriptive text fields for the bullet list button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  keyboardShortcutText: 'Mod + Shift + 8'\n}"
-				}
-			},
-			{
-				name: "orderedListButtonOptions",
-				description: "descriptive text fields for the ordered list button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  keyboardShortcutText: 'Mod + Shift + 7'\n}"
-				}
-			},
-			{
-				name: "blockQuoteButtonOptions",
-				description: "descriptive text fields for the italic button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  keyboardShortcutText: 'Mod + Shift + B'\n}"
-				}
-			},
-			{
-				name: "codeButtonOptions",
-				description: "descriptive text fields for the code button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  keyboardShortcutText: 'Mod + E'\n}"
-				}
-			},
-			{
-				name: "codeBlockButtonOptions",
-				description: "descriptive text fields for the code block button\n\nobject format:\n{ keyboardShortcutText: string }",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{\n  keyboardShortcutText: 'Mod + Alt + C'\n}"
-				}
-			}
-		],
-		events: [
-			{
-				name: "selected-command",
-				description: "Fires when a slash command is selected",
-				type: {
-					names: [
-						"String"
-					]
-				}
-			},
-			{
-				name: "add-emoji",
-				description: "Emitted when the 'Add emoji' button is clicked",
-				type: {
-					names: [
-						"Boolean"
-					]
-				}
-			},
-			{
-				name: "emoji-scroll-bottom-reached",
-				description: "Emitted when the emoji picker scroll reaches the bottom"
-			},
-			{
-				name: "submit",
-				description: "Fires when send button is clicked",
-				type: {
-					names: [
-						"String"
-					]
-				}
-			},
-			{
-				name: "select-media",
-				description: "Fires when media is selected from image button",
-				type: {
-					names: [
-						"Array"
-					]
-				}
-			},
-			{
-				name: "add-media",
-				description: "Fires when media is dropped into the message input",
-				type: {
-					names: [
-						"Array"
-					]
-				}
-			},
-			{
-				name: "paste-media",
-				description: "Fires when media is pasted into the message input",
-				type: {
-					names: [
-						"Array"
-					]
-				}
-			},
-			{
-				name: "cancel",
-				description: "Fires when cancel button is pressed (only on edit mode)",
-				type: {
-					names: [
-						"Boolean"
-					]
-				}
-			},
-			{
-				name: "skin-tone",
-				description: "Fires when skin tone is selected from the emoji picker",
-				type: {
-					names: [
-						"String"
-					]
-				}
-			},
-			{
-				name: "selected-emoji",
-				description: "Fires when emoji is selected from the emoji picker",
-				type: {
-					names: [
-						"String"
-					]
-				}
-			},
-			{
-				name: "meeting-pill-close",
-				description: "Fires when meeting pill is closed",
-				type: {
-					names: [
-						"String"
-					]
-				}
-			},
-			{
-				name: "update:modelValue",
-				description: "Event to sync the value with the parent",
-				type: {
-					names: [
-						"union"
-					]
-				}
-			},
-			{
-				name: "text-input",
-				description: "Emitted when input changes, returns text content only",
-				type: {
-					names: [
-						"String"
-					]
-				}
-			},
-			{
-				name: "markdown-input",
-				description: "Emitted when input changes, returns markdown content only",
-				type: {
-					names: [
-						"String"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "blockStart",
-				description: "Renders above the input, but still within the borders."
-			},
-			{
-				name: "top",
-				description: "@deprecated Use blockStart"
-			},
-			{
-				name: "middle",
-				description: "Slot for attachment carousel"
-			},
-			{
-				name: "emojiGiphyPicker",
-				description: "Slot for emojiGiphy picker"
-			},
-			{
-				name: "customActionIcons",
-				description: "Slot to add extra action icons next to default ones"
-			},
-			{
-				name: "messagePolish",
-				description: "Slot for message polish"
-			},
-			{
-				name: "scheduleMessage"
-			},
-			{
-				name: "smsCount"
-			},
-			{
-				name: "sendButton",
-				description: "Slot for sendButton picker"
-			},
-			{
-				name: "sendIcon",
-				scoped: true,
-				description: "Slot for send button icon",
-				bindings: [
-					{
-						name: "icon-size",
-						title: "binding"
-					}
-				]
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/message_input/message_input.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeMessageInputButton",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "ariaLabel",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "tooltipText",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "keyboardShortcutText",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "isActive",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "dataQa",
-				type: {
-					name: "string"
-				},
-				required: true
-			}
-		],
-		events: [
-			{
-				name: "click"
-			}
-		],
-		slots: [
-			{
-				name: "icon"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/message_input/message_input_button.vue"
-		]
-	},
-	{
-		displayName: "MessageInputLink",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "open",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "linkButtonOptions",
-				type: {
-					name: "object"
-				},
-				required: true
-			},
-			{
-				name: "isSelectionActive",
-				type: {
-					name: "func"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => {}"
-				}
-			}
-		],
-		events: [
-			{
-				name: "opened"
-			},
-			{
-				name: "set-link"
-			},
-			{
-				name: "remove-link"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/message_input/message_input_link.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeMessageInputTopbar",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "boldButtonOptions",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "italicButtonOptions",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "strikeButtonOptions",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "bulletListButtonOptions",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "orderedListButtonOptions",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "blockQuoteButtonOptions",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "codeButtonOptions",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "codeBlockButtonOptions",
-				type: {
-					name: "object"
-				},
-				defaultValue: {
-					func: false,
-					value: "{}"
-				}
-			},
-			{
-				name: "isSelectionActive",
-				type: {
-					name: "func"
-				},
-				defaultValue: {
-					func: true,
-					value: "() => {}"
-				}
-			}
-		],
-		events: [
-			{
-				name: "click"
-			}
-		],
-		slots: [
-			{
-				name: "link",
-				description: "special slot for link button, since links require a custom dialog"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/message_input/message_input_topbar.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeTimePill",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "dateTimeDisplay",
-				description: "Date time display value",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "dateTime",
-				description: "Machine-readable attribute\nAccepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD",
-				type: {
-					name: "string"
-				},
-				required: true
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/conversation_view/time_pill/time_pill.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeSettingsMenuButton",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "updateAvailable",
-				description: "Determines whether the button should display the update state\ndefault is false",
-				tags: {
-				},
-				values: [
-					"true",
-					"false"
-				],
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "ariaLabel",
-				description: "Aria label",
-				type: {
-					name: "string"
-				},
-				required: true
-			}
-		],
-		slots: [
-			{
-				name: "default"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/header/settings_menu_button/settings_menu_button.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeContactInfo",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "role",
-				description: "String to use for the item's role.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "showAvatar",
-				description: "Display avatar if `showAvatar` property is true.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "avatarSrc",
-				description: "Optional avatar image url.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "avatarSeed",
-				description: "Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "avatarFullName",
-				description: "Avatar's full name, used to extract initials\nto display in avatar if `avatarSrc` and `avatarIcon` are empty.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "avatarSize",
-				description: "The size of the avatar",
-				tags: {
-				},
-				values: [
-					"xs",
-					"sm",
-					"md",
-					"lg",
-					"xl"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'lg'"
-				}
-			},
-			{
-				name: "avatarLabelledBy",
-				description: "The aria-labelledby of the button containing avatars",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "avatarColor",
-				description: "Avatar color to display if `avatarSrc` is empty.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "presence",
-				description: "Determines whether to show the presence indicator for\nAvatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n'active', or 'dnd'. By default, it's null and nothing is shown.",
-				tags: {
-				},
-				values: [
-					"null",
-					"busy",
-					"away",
-					"offline",
-					"active",
-					"dnd"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "avatarList",
-				description: "Showing multiple avatars in contact info.\nThe props of array items are: <br>\n`src` - avatar image url (optional) <br>\n`fullName` - full name, used to extract initials to display in avatar<br>\n if `avatarSrc` and `avatarIcon` are empty<br>\n`seed` - determines uniqueness of avatar background <br>\n`text` - text that overlays the avatar (optional) <br>\n`icon` - icon that overlays the avatar (optional) <br>\n`halo` - halo highlight around the avatar. boolean true/false",
-				type: {
-					name: "array"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			}
-		],
-		events: [
-			{
-				name: "avatar-click"
-			}
-		],
-		slots: [
-			{
-				name: "avatarIcon",
-				scoped: true,
-				description: "Slot for avatar icon in a list",
-				bindings: [
-					{
-						name: "icon-size",
-						title: "binding"
-					}
-				]
-			},
-			{
-				name: "header",
-				description: "Slot for header information"
-			},
-			{
-				name: "subtitle",
-				description: "Slot for subtitle information"
-			},
-			{
-				name: "blockEnd",
-				description: "Slot for block-end content"
-			},
-			{
-				name: "bottom",
-				description: "@deprecated Use blockEnd"
-			},
-			{
-				name: "end",
-				description: "Slot for the end content"
-			},
-			{
-				name: "right",
-				description: "@deprecated Use end"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/item_layout/contact_info/contact_info.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeCallbox",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "badgeText",
-				description: "Text for the badge element",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "badgeColor",
-				description: "Color for the badge element",
-				tags: {
-				},
-				values: [
-					"null",
-					"warning"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "avatarSrc",
-				description: "Optional avatar image url.\nIf not provided it will use the initial of the name.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "avatarFullName",
-				description: "Avatar's full name, used to extract initials\nto display if `avatarSrc` is empty.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "avatarSeed",
-				description: "Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "headerText",
-				description: "Callbox header text",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "undefined"
-				}
-			},
-			{
-				name: "borderColor",
-				description: "Callbox border color",
-				tags: {
-				},
-				values: [
-					"default",
-					"ai",
-					"critical"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'default'"
-				}
-			},
-			{
-				name: "clickable",
-				description: "Makes the callbox avatar and title clickable,\nemits a click event when clicked.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "isOnHold",
-				description: "Controls the avatars overlay icon",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			}
-		],
-		events: [
-			{
-				name: "click",
-				description: "Callbox click event",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "video",
-				description: "Slot for video stream"
-			},
-			{
-				name: "badge",
-				description: "Slot for call center badge"
-			},
-			{
-				name: "subtitle",
-				description: "Slot for subtitle"
-			},
-			{
-				name: "end",
-				description: "Slot for end icons"
-			},
-			{
-				name: "right",
-				description: "@deprecated Use end"
-			},
-			{
-				name: "blockEnd",
-				description: "Slot for block-end content"
-			},
-			{
-				name: "bottom",
-				description: "@deprecated Use blockEnd"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/leftbar/callbox/callbox.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeContactCentersRow",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "ariaLabel",
-				description: "Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "description",
-				description: "Text displayed next to the icon. Required.",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "selected",
-				description: "Determines if the row is selected",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "showActions",
-				description: "Shows the unread count badge, the chevron button, and the right slot.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			},
-			{
-				name: "unreadCount",
-				description: "Number of unread messages, could be a string to support '99+'",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			}
-		],
-		events: [
-			{
-				name: "click",
-				description: "Native click event on the row itself",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			},
-			{
-				name: "click-menu",
-				description: "Menu button clicked",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "end",
-				description: "Slot for end content"
-			},
-			{
-				name: "right",
-				description: "@deprecated Use end"
-			},
-			{
-				name: "timer"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/leftbar/contact_centers_row/contact_centers_row.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeContactRow",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "avatarSrc",
-				description: "Optional avatar image url.\nIf not provided it will use the initial of the name.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "avatarPresence",
-				description: "Determines whether to show the presence indicator for\nAvatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n'active', or 'dnd'. By default, it's null and nothing is shown.\ndefer validation to avatar component.",
-				tags: {
-				},
-				values: [
-					"null",
-					"busy",
-					"away",
-					"offline",
-					"active",
-					"dnd"
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "avatarSeed",
-				description: "Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "avatarColor",
-				description: "Avatar color to display if `avatarSrc` is empty.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "presenceText",
-				description: "Text describing the user's presence, such as \"in a meeting\"",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "name",
-				description: "Name of the contact",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "userStatus",
-				description: "Status as set by the user.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "muted",
-				description: "Gives a faded style to be used when muted",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "unreadCount",
-				description: "Number of unread messages",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "hasUnreads",
-				description: "Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "selected",
-				description: "Determines if the row is selected",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "noInitials",
-				description: "Initials will never be shown. Instead it will show a \"User\" icon.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "isTyping",
-				description: "Shows an \"is typing\" animation over the avatar when true.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "hasCallButton",
-				description: "Whether the contact row should display a call button when hovered.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "true"
-				}
-			}
-		],
-		events: [
-			{
-				name: "call",
-				description: "Call button clicked",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/leftbar/contact_row/contact_row.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeGeneralRow",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "type",
-				description: "Determines the icon to show.\nIf type is contact center, the color prop must be provided and will determine the color of the icon",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'inbox'"
-				}
-			},
-			{
-				name: "ariaLabel",
-				description: "Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "description",
-				description: "Text displayed next to the icon. Required. Even if you are overriding this field using the label slot\nyou still must input this as it will be displayed as the \"title\" attribute for the row.",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "color",
-				description: "Determines the color of the contact center icon",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "channelSetting",
-				description: "The channel setting, either 'mention' or 'always'.",
-				tags: {
-				},
-				values: [
-					"'mention'",
-					"'always'",
-					"null."
-				],
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "hasUnreads",
-				description: "Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "unreadCount",
-				description: "Number of unread messages",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "unreadMentionCount",
-				description: "Number of unread mention messages",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "selected",
-				description: "Determines if the row is selected",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "muted",
-				description: "Gives a faded style to be used when muted",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "activeVoiceChat",
-				description: "Shows styling to represent an active voice chat. This will display over unreadCount.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "dndText",
-				description: "Acronym used to represent \"Do not Disturb\" state. If entered will display the entered text alongside\nunreadCount.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "''"
-				}
-			},
-			{
-				name: "hasCallButton",
-				description: "Whether the row should have a call button. Usually only applicable to individual contact rows.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "isTyping",
-				description: "Shows an \"is typing\" animation over the avatar when true.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "iconSize",
-				description: "Sets the size of the icon.",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'300'"
-				}
-			}
-		],
-		events: [
-			{
-				name: "call",
-				description: "Call button clicked",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "start"
-			},
-			{
-				name: "left"
-			},
-			{
-				name: "label"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/leftbar/general_row/general_row.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeGroupRow",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "names",
-				description: "Names of the group members",
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "unreadCount",
-				description: "Number of unread messages",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "unreadMentionCount",
-				description: "Number of unread mention messages",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "null"
-				}
-			},
-			{
-				name: "hasUnreads",
-				description: "Styles the row with an increased font weight to convey it has unreads. This must be true to see\nthe unread count badge.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "selected",
-				description: "Determines if the row is selected",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			},
-			{
-				name: "isTyping",
-				description: "Shows an \"is typing\" animation over the avatar when true.",
-				type: {
-					name: "boolean"
-				},
-				defaultValue: {
-					func: false,
-					value: "false"
-				}
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/leftbar/group_row/group_row.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeUnreadPill",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "kind",
-				description: "The kind of unread pill which determines the styling",
-				tags: {
-				},
-				values: [
-					"'mentions'",
-					"'messages'"
-				],
-				type: {
-					name: "string"
-				},
-				required: true
-			},
-			{
-				name: "direction",
-				description: "The direction of the arrow icon",
-				tags: {
-				},
-				values: [
-					"'up'",
-					"'down'"
-				],
-				type: {
-					name: "string"
-				},
-				required: true
-			}
-		],
-		events: [
-			{
-				name: "click",
-				description: "Native click event",
-				type: {
-					names: [
-						"PointerEvent | KeyboardEvent"
-					]
-				}
-			}
-		],
-		slots: [
-			{
-				name: "default"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/leftbar/unread_pill/unread_pill.vue"
-		]
-	},
-	{
-		displayName: "DtRecipeTopBannerInfo",
-		exportName: "default",
-		description: "",
-		tags: {
-		},
-		props: [
-			{
-				name: "colorCode",
-				description: "color of the banner background",
-				type: {
-					name: "string"
-				},
-				defaultValue: {
-					func: false,
-					value: "'green300'"
-				},
-				values: [
-					"green300",
-					"green100",
-					"red200",
-					"red100",
-					"gold100",
-					"gold200",
-					"black100",
-					"white"
-				]
-			}
-		],
-		slots: [
-			{
-				name: "start",
-				description: "Slot for start content"
-			},
-			{
-				name: "left",
-				description: "@deprecated Use start"
-			},
-			{
-				name: "default"
-			},
-			{
-				name: "end",
-				description: "Slot for end content"
-			},
-			{
-				name: "right",
-				description: "@deprecated Use end"
-			}
-		],
-		sourceFiles: [
-			"/home/runner/work/dialtone/dialtone/packages/dialtone-vue/recipes/notices/top_banner_info/top_banner_info.vue"
-		]
 	}
 ];
 
@@ -498108,6 +494169,14 @@ var categories = {
 		],
 		clockify: [
 		],
+		"compass-color": [
+			"navigation",
+			"direction",
+			"location",
+			"map",
+			"bearing",
+			"orient"
+		],
 		"copper-crm": [
 		],
 		dialbot: [
@@ -499705,6 +495774,14 @@ var categories = {
 			"html",
 			"xml"
 		],
+		compass: [
+			"navigation",
+			"direction",
+			"location",
+			"map",
+			"bearing",
+			"orient"
+		],
 		copy: [
 			"clone",
 			"duplicate"
@@ -502263,7 +498340,7 @@ var documentationData = [
 		headingPath: [
 			"Variants"
 		],
-		content: "Dialtone provides five options for kind, with three levels of importance. Use kind=\"primary\" for the main call to action, kind=\"danger\" for destructive actions, kind=\"muted\" for secondary actions, kind=\"clear\" for low-emphasis actions, and kind=\"link\" for navigation-style buttons. The DtButton kind prop controls the visual hierarchy and semantic meaning of the action.",
+		content: "Dialtone provides five options for kind, with three levels of importance. Use kind=\"primary\" for the main call to action, kind=\"critical\" for destructive actions, kind=\"muted\" for secondary actions, kind=\"clear\" for low-emphasis actions, and kind=\"link\" for navigation-style buttons. The DtButton kind prop controls the visual hierarchy and semantic meaning of the action.",
 		frontmatter: {
 			title: "Button",
 			description: "A button is an UI element which signals key actions to take an action throughout an app. It is important a button is identifiable, consistent, communicates its actions clearly, and is appropriately sized to its action.",
@@ -509815,7 +505892,7 @@ var documentationData = [
 		category: "components",
 		headingPath: [
 		],
-		content: "!INFO\nNot a standalone component, please use Message Input recipe instead",
+		content: "!INFO\nNot a standalone component. For a complete message input experience, use DpEditor / DpMessageInput from @dialpad/chatkit instead",
 		frontmatter: {
 			title: "Rich Text Editor",
 			description: "A rich text editor is a component that allows users to format text with a variety of styles. It enables also mixing text with custom components built as extensions, such as links and user mentions.",
@@ -525796,7 +521873,7 @@ var documentationData = [
 			"Migration Tool: Flex to Stack",
 			"Usage"
 		],
-		content: "Preview Changes\n\n \n\nTarget a Directory\n\n \n\nApply All Changes\n\n \n\nInteractive Mode\n\n \n\nInteractive mode displays each change with:\n\n- Color-coded diff (red = before, green = after)\n- List of retained classes with explanations\n- Warnings for edge cases\n\nFor each match, respond with:\n\n- y or yes: Apply this change\n- n or no: Skip this change\n- a or all: Apply all remaining changes without further prompts\n- q or quit: Stop and save\n\nAt the end, you'll see a summary showing files scanned, modified, and total changes applied.\n\nOptions:\n\n- --dry-run: Show changes without applying\n- --validate: Validate transformations and check for potential issues (implies --dry-run)\n- --cwd : Set working directory\n- --ext : File extension to process (default: .vue). Can be specified multiple times\n- --file : Specific file to process. Can be specified multiple times. Relative or absolute paths supported\n- --yes or -y: Auto-apply all changes\n- --show-outline: Add attribute for visual debugging\n- --remove-outline: Remove attributes after review\n- --help or -h: Show help\n\nProcess specific file extensions:\n\n \n\nTarget specific files:\n\n \n\nWhen using --file, the --cwd option is ignored. The --ext option still validates file extensions.\n\nValidate transformations before applying:\n\n \n\nValidation mode checks for:\n\n- Missing closing tags for transformed elements\n- Invalid transformation positions\n- Overlapping transformations\n- Large gaps between opening and closing tags (potential mismatch)\n\nIf validation passes, you can confidently run without --validate to apply changes.",
+		content: "Preview Changes\n\n \n\nTarget a Directory\n\n \n\nApply All Changes\n\n \n\nInteractive Mode\n\n \n\nInteractive mode displays each change with:\n\n- Color-coded diff (red = before, green = after)\n- List of retained classes with explanations\n- Warnings for edge cases\n\nFor each match, respond with:\n\n- y or yes: Apply this change\n- n or no: Skip this change\n- a or all: Apply all remaining changes without further prompts\n- q or quit: Stop and save\n\nAt the end, you'll see a summary showing files scanned, modified, and total changes applied.\n\nOptions:\n\n- --dry-run: Show changes without applying\n- --validate: Validate transformations and check for potential issues (implies --dry-run)\n- --cwd : Set working directory\n- --ext : File extension to process (default: .vue). Can be specified multiple times\n- --file : Specific file to process. Can be specified multiple times. Relative or absolute paths supported\n- --yes or -y: Auto-apply all changes\n- --show-outline: Add attribute for visual debugging\n- --remove-outline: Remove attributes after review\n- --no-import: Skip import injection (use when DtStack is globally registered)\n- --package : Package name for injected DtStack imports (e.g. @dialpad/dialtone-next). Overrides import-path detection\n- --help or -h: Show help\n\nProcess specific file extensions:\n\n \n\nTarget specific files:\n\n \n\nWhen using --file, the --cwd option is ignored. The --ext option still validates file extensions.\n\nValidate transformations before applying:\n\n \n\nValidation mode checks for:\n\n- Missing closing tags for transformed elements\n- Invalid transformation positions\n- Overlapping transformations\n- Large gaps between opening and closing tags (potential mismatch)\n\nIf validation passes, you can confidently run without --validate to apply changes.",
 		frontmatter: {
 			title: "Migrating from Flex CSS Utilities to DtStack",
 			description: "Guide and migration tool for replacing d-d-flex utilities with the DtStack component. Covers automatic migration, edge cases, and flex-to-prop mapping.",
@@ -526297,7 +522374,7 @@ var documentationData = [
 			"Quick Start",
 			"Master migration script (recommended)"
 		],
-		content: "The fastest path is the master migration script. It orchestrates all tools in the correct order and includes a health check to see what's left.",
+		content: "The fastest path is the master migration script. It orchestrates all tools in the correct order and includes a health check to see what's left.\n\n \n\n!INFO Custom package name\nSome teams run multiple versions of Dialtone side by side during an incremental migration by installing the new version under an alias such as @dialpad/dialtone-next. Pass --package  so migrations that inject component imports (Flex to Stack, Typography) reference that alias instead of @dialpad/dialtone-vue.\n> Both import-injecting migrations are opt-in, and --all runs only the required migrations — so --all --package … will not apply the alias. Select them explicitly with --only flex-to-stack,typography, add --include-opt-in to run every migration, or use the interactive prompt.",
 		frontmatter: {
 			title: "Migration Guide",
 			description: "Step-by-step guides for migrating to the latest Dialtone major version. Each guide covers what changed, why it changed, and how to update your code — including automated migration tools.",
@@ -528345,7 +524422,7 @@ var documentationData = [
 			"Migration Tool",
 			"Usage"
 		],
-		content: "Preview Changes\n\n \n\nTarget a Directory\n\n \n\nApply All Changes\n\n \n\nInteractive Mode\n\n \n\nIn interactive mode the tool processes one file at a time. For each file that has changes, it prints the file path and prompts once before writing:\n\n \n\nRespond with:\n\n- y / yes: apply all changes in this file\n- n / no: skip this file\n- a / all: apply this file and every remaining file without further prompts\n- q / quit: stop immediately\n\nThe prompt applies or skips the whole file — it does not step through individual changes within a file. To preview exactly what would change before committing, run --dry-run first (it reports which files would be modified).\n\nTarget Specific Files\n\n \n\nWhen using --file, the --cwd option is ignored.\n\nValidate Existing DtText Elements\n\n \n\n--validate runs read-only and scans existing ` elements for prop bugs: object syntax (:kind=\"{ … }\"), invalid prop values, and mixed CSS classes. Useful as a post-migration audit.\n\nRemove Review Markers\n\n \n\nStrips all  comments after you have reviewed and resolved each flagged pattern. Add --dry-run to preview which files would be cleaned.\n\nAll options:\n\n| Option | Description |\n| --- | --- |\n| --cwd  | Working directory (default: current directory) |\n| --file  | Specific file to process (repeatable; ignores --cwd) |\n| --dry-run | Show changes without writing files |\n| --yes, -y | Apply all changes without prompting |\n| --remove-markers | Strip all dt-text-migrate review comments |\n| --validate | Read-only: scan existing  for prop bugs |\n| --help, -h | Show help |\n\nFiles processed: .vue and .html`.",
+		content: "Preview Changes\n\n \n\nTarget a Directory\n\n \n\nApply All Changes\n\n \n\nInteractive Mode\n\n \n\nIn interactive mode the tool processes one file at a time. For each file that has changes, it prints the file path and prompts once before writing:\n\n \n\nRespond with:\n\n- y / yes: apply all changes in this file\n- n / no: skip this file\n- a / all: apply this file and every remaining file without further prompts\n- q / quit: stop immediately\n\nThe prompt applies or skips the whole file — it does not step through individual changes within a file. To preview exactly what would change before committing, run --dry-run first (it reports which files would be modified).\n\nTarget Specific Files\n\n \n\nWhen using --file, the --cwd option is ignored.\n\nValidate Existing DtText Elements\n\n \n\n--validate runs read-only and scans existing ` elements for prop bugs: object syntax (:kind=\"{ … }\"), invalid prop values, and mixed CSS classes. Useful as a post-migration audit.\n\nRemove Review Markers\n\n \n\nStrips all  comments after you have reviewed and resolved each flagged pattern. Add --dry-run to preview which files would be cleaned.\n\nAll options:\n\n| Option | Description |\n| --- | --- |\n| --cwd  | Working directory (default: current directory) |\n| --file  | Specific file to process (repeatable; ignores --cwd) |\n| --dry-run | Show changes without writing files |\n| --yes, -y | Apply all changes without prompting |\n| --remove-markers | Strip all dt-text-migrate review comments |\n| --validate | Read-only: scan existing  for prop bugs |\n| --package  | Package name for injected DtText imports (e.g. @dialpad/dialtone-next). Overrides import-path detection |\n| --help, -h | Show help |\n\nFiles processed: .vue and .html`.",
 		frontmatter: {
 			title: "Typography Utilities to DtText",
 			description: "Guide and migration tool for replacing legacy typography utility classes (d-headline--*, d-body--*, d-label--*, d-code--md, d-fw-*, d-fc-*, d-lh-*, d-truncate, d-ta-*) with the DtText component. Covers automatic migration, edge cases, and class-to-prop mapping.",
@@ -528364,7 +524441,7 @@ var documentationData = [
 			"Post-Migration",
 			"Add DtText Imports"
 		],
-		content: "When a file gains its first `, the script prints a per-file notice on stdout if DtText is not already imported or registered. It infers the import path from the file's existing imports: files that already import from @dialpad/dialtone-vue (or @dialpad/dialtone-icons) get an @dialpad/dialtone-vue suggestion; otherwise it suggests the local @/components/text path. Follow the printed instructions:\n\nOptions API (registered globally in your app):\n\n \n\nComposition API:\n\n \n\nProjects that import Dialtone components locally will instead see import { DtText } from '@/components/text';` — use whichever path matches your project's existing imports.",
+		content: "When a file gains its first `, the script prints a per-file notice on stdout if DtText is not already imported or registered. It infers the import path from the file's existing imports: files that already import from @dialpad/dialtone-vue (or @dialpad/dialtone-icons) get an @dialpad/dialtone-vue suggestion; otherwise it suggests the local @/components/text path. Follow the printed instructions:\n\nOptions API (registered globally in your app):\n\n \n\nComposition API:\n\n \n\nProjects that import Dialtone components locally will instead see import { DtText } from '@/components/text'; — use whichever path matches your project's existing imports.\n\nIf you run Dialtone under a custom package alias (for example @dialpad/dialtone-next while migrating incrementally), pass --package` to force injected imports to use it:",
 		frontmatter: {
 			title: "Typography Utilities to DtText",
 			description: "Guide and migration tool for replacing legacy typography utility classes (d-headline--*, d-body--*, d-label--*, d-code--md, d-fw-*, d-fc-*, d-lh-*, d-truncate, d-ta-*) with the DtText component. Covers automatic migration, edge cases, and class-to-prop mapping.",
@@ -533586,7 +529663,61 @@ var documentationData = [
 		headingPath: [
 			"Usage"
 		],
-		content: "Use d-ol-{focusring|focusring-inset|none} to change an elements' outline.\n\n \n\n Use d-ol-focusring to add a focus ring that will render outside of the element.\n Use d-ol-focusring-inset to add a focus ring that renders within the edge of the element. This is particularly useful when the containing element bleeds to the edge of its parent or its overflow property is set to hidden.\n\n  import { outline } from '@data/interactivity.json';",
+		content: "Use d-ol-{focusring|focusring-outset|none} to change an element's outline.\n\n \n\n- Use d-ol-focusring to add a focus ring within the edge of an element. Use this utility when an element reaches the edge of its parent or its overflow property is set to hidden.\n- Use d-ol-focusring-outset to add a focus ring outside the edge of an element.\n- Use d-ol-none to remove an element's focus ring.",
+		frontmatter: {
+			title: "Outline",
+			description: "Utilities for controlling an element's outline.",
+			status: null,
+			figmaUrl: null,
+			storybook: null
+		},
+		filePath: "apps/dialtone-documentation/docs/utilities/interactivity/outline.md"
+	},
+	{
+		id: "utilities/interactivity/outline#hover",
+		docId: "utilities/interactivity/outline",
+		docTitle: "Outline",
+		category: "utilities",
+		headingPath: [
+			"Hover"
+		],
+		content: "Use h:d-ol-{focusring|focusring-outset|none} to change an element's outline on :hover.",
+		frontmatter: {
+			title: "Outline",
+			description: "Utilities for controlling an element's outline.",
+			status: null,
+			figmaUrl: null,
+			storybook: null
+		},
+		filePath: "apps/dialtone-documentation/docs/utilities/interactivity/outline.md"
+	},
+	{
+		id: "utilities/interactivity/outline#focus-visible",
+		docId: "utilities/interactivity/outline",
+		docTitle: "Outline",
+		category: "utilities",
+		headingPath: [
+			"Focus Visible"
+		],
+		content: "Use fv:d-ol-{focusring|focusring-outset|none} to change an element's outline on :focus-visible when focused by keyboard.\n\n!INFO\nfv:d-ol- applies to elements that are focused via keyboard navigation**, not mouse or touch.",
+		frontmatter: {
+			title: "Outline",
+			description: "Utilities for controlling an element's outline.",
+			status: null,
+			figmaUrl: null,
+			storybook: null
+		},
+		filePath: "apps/dialtone-documentation/docs/utilities/interactivity/outline.md"
+	},
+	{
+		id: "utilities/interactivity/outline#focus",
+		docId: "utilities/interactivity/outline",
+		docTitle: "Outline",
+		category: "utilities",
+		headingPath: [
+			"Focus"
+		],
+		content: "Use f:d-ol-{focusring|focusring-outset|none} to change an element's outline on :focus and :focus-within.\n\n \n\n  import { outline } from '@data/interactivity.json';",
 		frontmatter: {
 			title: "Outline",
 			description: "Utilities for controlling an element's outline.",