@prosekit/extensions 0.9.0 → 0.9.2

package/dist/prosekit-extensions-italic.d.ts

@@ -5,9 +5,6 @@ import { Attrs } from "@prosekit/pm/model";
 /**
 * @internal
 */
-/**
-* @internal
-*/
 type ItalicCommandsExtension = Extension<{
   Commands: {
     toggleItalic: [];
@@ -31,7 +28,6 @@ type ItalicSpecExtension = Extension<{
 * @internal
 */
 declare function defineItalicSpec(): ItalicSpecExtension;
-
 //#endregion
 //#region src/italic/italic.d.ts
 /**
@@ -42,20 +38,17 @@ type ItalicExtension = Union<[ItalicSpecExtension, ItalicCommandsExtension]>;
 * @public
 */
 declare function defineItalic(): ItalicExtension;
-
 //#endregion
 //#region src/italic/italic-input-rule.d.ts
 /**
 * @internal
 */
 declare function defineItalicInputRule(): PlainExtension;
-
 //#endregion
 //#region src/italic/italic-keymap.d.ts
 /**
 * @internal
 */
 declare function defineItalicKeymap(): PlainExtension;
-
 //#endregion
 export { ItalicCommandsExtension, ItalicExtension, ItalicSpecExtension, defineItalic, defineItalicCommands, defineItalicInputRule, defineItalicKeymap, defineItalicSpec };

package/dist/prosekit-extensions-link.d.ts

@@ -1,9 +1,7 @@
 import { Extension, PlainExtension, Union } from "@prosekit/core";
 
 //#region src/link/index.d.ts
-/**
-* @public
-*/
+
 /**
 * @public
 */
@@ -60,6 +58,5 @@ type LinkExtension = Union<[LinkSpecExtension, LinkCommandsExtension]>;
 * @public
 */
 declare function defineLink(): LinkExtension;
-
 //#endregion
 export { LinkAttrs, LinkCommandsExtension, LinkExtension, LinkSpecExtension, defineLink, defineLinkCommands, defineLinkEnterRule, defineLinkInputRule, defineLinkMarkRule, defineLinkSpec };

package/dist/prosekit-extensions-list.d.ts

@@ -2,9 +2,7 @@ import { Extension, PlainExtension, Union } from "@prosekit/core";
 import { DedentListOptions, DedentListOptions as DedentListOptions$1, IndentListOptions, IndentListOptions as IndentListOptions$1, ListAttributes, ListDOMSerializer, ToggleCollapsedOptions, ToggleCollapsedOptions as ToggleCollapsedOptions$1, UnwrapListOptions, UnwrapListOptions as UnwrapListOptions$1, WrapInListGetAttrs } from "prosemirror-flat-list";
 
 //#region src/list/list-commands.d.ts
-/**
-* @internal
-*/
+
 /**
 * @internal
 */
@@ -27,14 +25,12 @@ type ListCommandsExtension = Extension<{
 * @internal
 */
 declare function defineListCommands(): ListCommandsExtension;
-
 //#endregion
 //#region src/list/list-input-rules.d.ts
 /**
 * @internal
 */
 declare function defineListInputRules(): Extension;
-
 //#endregion
 //#region src/list/list-keymap.d.ts
 /**
@@ -43,14 +39,12 @@ declare function defineListInputRules(): Extension;
 * @internal
 */
 declare function defineListKeymap(): PlainExtension;
-
 //#endregion
 //#region src/list/list-plugins.d.ts
 /**
 * @internal
 */
 declare function defineListPlugins(): PlainExtension;
-
 //#endregion
 //#region src/list/list-types.d.ts
 /**
@@ -76,7 +70,6 @@ interface ListAttrs {
   */
   collapsed?: boolean;
 }
-
 //#endregion
 //#region src/list/list-spec.d.ts
 /**
@@ -91,7 +84,6 @@ type ListSpecExtension = Extension<{
 * @internal
 */
 declare function defineListSpec(): ListSpecExtension;
-
 //#endregion
 //#region src/list/list.d.ts
 /**
@@ -102,13 +94,11 @@ type ListExtension = Union<[ListSpecExtension, ListCommandsExtension]>;
 * @public
 */
 declare function defineList(): ListExtension;
-
 //#endregion
 //#region src/list/list-serializer.d.ts
 /**
 * @internal
 */
 declare function defineListSerializer(): PlainExtension;
-
 //#endregion
 export { DedentListOptions, IndentListOptions, ListAttrs, ListCommandsExtension, ListDOMSerializer, ListExtension, ListSpecExtension, ToggleCollapsedOptions, UnwrapListOptions, WrapInListGetAttrs, defineList, defineListCommands, defineListInputRules, defineListKeymap, defineListPlugins, defineListSerializer, defineListSpec };

package/dist/prosekit-extensions-loro.d.ts

@@ -8,9 +8,6 @@ import { PeerID } from "loro-crdt";
 /**
 * @internal
 */
-/**
-* @internal
-*/
 type LoroCommandsExtension = Extension<{
   Commands: {
     undo: [];
@@ -18,7 +15,6 @@ type LoroCommandsExtension = Extension<{
   };
 }>;
 declare function defineLoroCommands(): LoroCommandsExtension;
-
 //#endregion
 //#region src/loro/loro-cursor-plugin.d.ts
 interface LoroCursorOptions {
@@ -28,19 +24,15 @@ interface LoroCursorOptions {
   createSelection?: (user: PeerID) => DecorationAttrs;
 }
 declare function defineLoroCursorPlugin(options: LoroCursorOptions): PlainExtension;
-
 //#endregion
 //#region src/loro/loro-keymap.d.ts
 declare function defineLoroKeymap(): PlainExtension;
-
 //#endregion
 //#region src/loro/loro-sync-plugin.d.ts
 declare function defineLoroSyncPlugin(options: LoroSyncPluginProps$1): PlainExtension;
-
 //#endregion
 //#region src/loro/loro-undo-plugin.d.ts
 declare function defineLoroUndoPlugin(options: LoroUndoPluginProps$1): PlainExtension;
-
 //#endregion
 //#region src/loro/loro.d.ts
 interface LoroOptions {
@@ -73,6 +65,5 @@ type LoroExtension = Union<[LoroCommandsExtension, PlainExtension]>;
 * @public
 */
 declare function defineLoro(options: LoroOptions): LoroExtension;
-
 //#endregion
 export { LoroCursorOptions, LoroExtension, LoroOptions, LoroSyncPluginProps, LoroUndoPluginProps, defineLoro, defineLoroCommands, defineLoroCursorPlugin, defineLoroKeymap, defineLoroSyncPlugin, defineLoroUndoPlugin };

package/dist/prosekit-extensions-mark-rule.d.ts

@@ -2,11 +2,7 @@ import { PlainExtension } from "@prosekit/core";
 import { Attrs, MarkType } from "@prosekit/pm/model";
 
 //#region src/mark-rule/types.d.ts
-/**
-* The options for {@link defineMarkRule}.
-*
-* @public
-*/
+
 /**
 * The options for {@link defineMarkRule}.
 *
@@ -29,13 +25,13 @@ interface MarkRuleOptions {
   * @default null
   */
   attrs?: Attrs | null | ((match: RegExpMatchArray) => Attrs | null);
-} //#endregion
+}
+//#endregion
 //#region src/mark-rule/mark-rule.d.ts
 /**
 * A mark rule is something that can automatically apply marks to text if it
 * matches a certain pattern, and remove them if it doesn't match anymore.
 */
 declare function defineMarkRule(options: MarkRuleOptions): PlainExtension;
-
 //#endregion
 export { MarkRuleOptions, defineMarkRule };

package/dist/prosekit-extensions-mention.d.ts

@@ -35,6 +35,5 @@ type MentionExtension = Union<[MentionSpecExtension, MentionCommandsExtension]>;
 * @public
 */
 declare function defineMention(): MentionExtension;
-
 //#endregion
 export { MentionAttrs, MentionCommandsExtension, MentionExtension, MentionSpecExtension, defineMention, defineMentionCommands, defineMentionSpec };

package/dist/prosekit-extensions-mod-click-prevention.d.ts

@@ -1,9 +1,7 @@
 import { PlainExtension } from "@prosekit/core";
 
 //#region src/mod-click-prevention/index.d.ts
-/**
-* @internal
-*/
+
 /**
 * @internal
 */
@@ -15,6 +13,5 @@ type ModClickPreventionExtension = PlainExtension;
 * @public
 */
 declare function defineModClickPrevention(): ModClickPreventionExtension;
-
 //#endregion
 export { ModClickPreventionExtension, defineModClickPrevention };

package/dist/prosekit-extensions-paragraph.d.ts

@@ -6,9 +6,6 @@ import { Attrs } from "@prosekit/pm/model";
 /**
 * @internal
 */
-/**
-* @internal
-*/
 type ParagraphCommandsExtension = Extension<{
   Commands: {
     setParagraph: [];
@@ -21,7 +18,8 @@ type ParagraphCommandsExtension = Extension<{
 /**
 * @internal
 */
-declare function defineParagraphCommands(): ParagraphCommandsExtension; //#endregion
+declare function defineParagraphCommands(): ParagraphCommandsExtension;
+//#endregion
 //#region src/paragraph/paragraph-spec.d.ts
 /**
 * @internal
@@ -37,7 +35,6 @@ type ParagraphSpecExtension = Extension<{
 * Defines a paragraph node spec.
 */
 declare function defineParagraphSpec(): ParagraphSpecExtension;
-
 //#endregion
 //#region src/paragraph/paragraph.d.ts
 /**
@@ -53,13 +50,11 @@ type ParagraphExtension = Union<[ParagraphSpecExtension, ParagraphCommandsExtens
 * default block node for most cases.
 */
 declare function defineParagraph(): ParagraphExtension;
-
 //#endregion
 //#region src/paragraph/paragraph-keymap.d.ts
 /**
 * @internal
 */
 declare function defineParagraphKeymap(): PlainExtension;
-
 //#endregion
 export { ParagraphCommandsExtension, ParagraphExtension, ParagraphSpecExtension, defineParagraph, defineParagraphCommands, defineParagraphKeymap, defineParagraphSpec };

package/dist/prosekit-extensions-placeholder.d.ts

@@ -28,5 +28,6 @@ interface PlaceholderOptions {
 * Add a placeholder text to the editor when the current block or document is
 * empty.
 */
-declare function definePlaceholder(options: PlaceholderOptions): PlainExtension; //#endregion
+declare function definePlaceholder(options: PlaceholderOptions): PlainExtension;
+//#endregion
 export { PlaceholderOptions, definePlaceholder };

package/dist/prosekit-extensions-readonly.d.ts

@@ -1,13 +1,10 @@
 import { PlainExtension } from "@prosekit/core";
 
 //#region src/readonly/index.d.ts
-/**
-* Make the editor read-only.
-*/
+
 /**
 * Make the editor read-only.
 */
 declare function defineReadonly(): PlainExtension;
-
 //#endregion
 export { defineReadonly };

package/dist/prosekit-extensions-search.d.ts

@@ -1,11 +1,7 @@
 import { Extension, PlainExtension } from "@prosekit/core";
 
 //#region src/search/index.d.ts
-/**
-* Options for {@link defineSearchQuery}
-*
-* @public
-*/
+
 /**
 * Options for {@link defineSearchQuery}
 *
@@ -73,5 +69,6 @@ type SearchCommandsExtension = Extension<{
 *
 * @public
 */
-declare function defineSearchCommands(): SearchCommandsExtension; //#endregion
+declare function defineSearchCommands(): SearchCommandsExtension;
+//#endregion
 export { SearchCommandsExtension, SearchQueryOptions, defineSearchCommands, defineSearchQuery };

package/dist/prosekit-extensions-strike.d.ts

@@ -2,9 +2,7 @@ import { Extension, PlainExtension, Union } from "@prosekit/core";
 import { Attrs } from "@prosekit/pm/model";
 
 //#region src/strike/index.d.ts
-/**
-* @internal
-*/
+
 /**
 * @internal
 */
@@ -45,6 +43,5 @@ type StrikeExtension = Union<[StrikeSpecExtension, StrikeCommandsExtension]>;
 * @public
 */
 declare function defineStrike(): StrikeExtension;
-
 //#endregion
 export { StrikeCommandsExtension, StrikeExtension, StrikeSpecExtension, defineStrike, defineStrikeCommands, defineStrikeInputRule, defineStrikeKeymap, defineStrikeSpec };

package/dist/prosekit-extensions-table.d.ts

@@ -7,9 +7,6 @@ import { CellSelection } from "prosemirror-tables";
 /**
 * @public
 */
-/**
-* @public
-*/
 interface InsertTableOptions {
   /**
   * The number of rows in the table.
@@ -136,7 +133,8 @@ type TableCommandsExtension = Extension<{
 *
 * @public
 */
-declare function defineTableCommands(): TableCommandsExtension; //#endregion
+declare function defineTableCommands(): TableCommandsExtension;
+//#endregion
 //#region src/table/table-spec.d.ts
 /**
 * @public
@@ -191,7 +189,6 @@ type TableHeaderCellSpecExtension = Extension<{
   };
 }>;
 declare function defineTableHeaderCellSpec(): TableHeaderCellSpecExtension;
-
 //#endregion
 //#region src/table/table.d.ts
 /**
@@ -202,14 +199,12 @@ type TableExtension = Union<[TableSpecExtension, TableRowSpecExtension, TableCel
 * @public
 */
 declare function defineTable(): TableExtension;
-
 //#endregion
 //#region src/table/table-plugins.d.ts
 /**
 * @public
 */
 declare function defineTablePlugins(): PlainExtension;
-
 //#endregion
 //#region src/table/table-utils.d.ts
 /**
@@ -224,8 +219,6 @@ declare function isCellSelection(value: unknown): value is CellSelection;
 * @internal
 */
 declare function findTable($pos: ResolvedPos): FindParentNodeResult | undefined;
-
-//#endregion
 /**
 * Try to find the anchor and head cell in the same table by using the given
 * anchor and head as hit points, or fallback to the selection's anchor and
@@ -234,4 +227,5 @@ declare function findTable($pos: ResolvedPos): FindParentNodeResult | undefined;
 * @internal
 */
 
+//#endregion
 export { InsertTableOptions, SelectTableCellOptions, SelectTableColumnOptions, SelectTableOptions, SelectTableRowOptions, TableCellSpecExtension, TableCommandsExtension, TableExtension, TableHeaderCellSpecExtension, TableRowSpecExtension, TableSpecExtension, defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, selectTable, selectTableCell, selectTableColumn, selectTableRow };

package/dist/prosekit-extensions-text-align.d.ts

@@ -2,9 +2,7 @@ import { Extension, PlainExtension, Union } from "@prosekit/core";
 import { Command } from "@prosekit/pm/state";
 
 //#region src/text-align/index.d.ts
-/**
-* @public
-*/
+
 /**
 * @public
 */
@@ -68,5 +66,6 @@ type TextAlignExtension<NodeName extends string> = Union<[TextAlignAttrsExtensio
 *
 * @public
 */
-declare function defineTextAlign<NodeName extends string = string>(options: TextAlignOptions<NodeName>): TextAlignExtension<NodeName>; //#endregion
+declare function defineTextAlign<NodeName extends string = string>(options: TextAlignOptions<NodeName>): TextAlignExtension<NodeName>;
+//#endregion
 export { TextAlignAttrsExtension, TextAlignCommandsExtension, TextAlignExtension, TextAlignOptions, defineTextAlign, defineTextAlignCommands, defineTextAlignKeymap, setTextAlign };

package/dist/prosekit-extensions-text.d.ts

@@ -2,9 +2,7 @@ import { Extension } from "@prosekit/core";
 import { Attrs } from "@prosekit/pm/model";
 
 //#region src/text/index.d.ts
-/**
-* @internal
-*/
+
 /**
 * @internal
 */
@@ -17,6 +15,5 @@ type TextExtension = Extension<{
 * @public
 */
 declare function defineText(): TextExtension;
-
 //#endregion
 export { TextExtension, defineText };

package/dist/prosekit-extensions-underline.d.ts

@@ -2,9 +2,7 @@ import { Extension, PlainExtension, Union } from "@prosekit/core";
 import { Attrs } from "@prosekit/pm/model";
 
 //#region src/underline/index.d.ts
-/**
-* @internal
-*/
+
 /**
 * @internal
 */
@@ -41,6 +39,5 @@ type UnderlineExtension = Union<[UnderlineSpecExtension, UnderlineCommandsExtens
 * @public
 */
 declare function defineUnderline(): UnderlineExtension;
-
 //#endregion
 export { UnderlineCommandsExtension, UnderlineExtension, UnderlineSpecExtension, defineUnderline, defineUnderlineCommands, defineUnderlineKeymap, defineUnderlineSpec };

package/dist/prosekit-extensions-virtual-selection.d.ts

@@ -1,9 +1,7 @@
 import { PlainExtension } from "@prosekit/core";
 
 //#region src/virtual-selection/index.d.ts
-/**
-* @internal
-*/
+
 /**
 * @internal
 */
@@ -19,6 +17,5 @@ type VirtualSelectionExtension = PlainExtension;
 * @public
 */
 declare function defineVirtualSelection(): VirtualSelectionExtension;
-
 //#endregion
 export { VirtualSelectionExtension, defineVirtualSelection };

package/dist/prosekit-extensions-yjs.d.ts

@@ -8,9 +8,6 @@ import * as Y from "yjs";
 /**
 * @internal
 */
-/**
-* @internal
-*/
 type YjsCommandsExtension = Extension<{
   Commands: {
     undo: [];
@@ -18,7 +15,6 @@ type YjsCommandsExtension = Extension<{
   };
 }>;
 declare function defineYjsCommands(): YjsCommandsExtension;
-
 //#endregion
 //#region src/yjs/yjs-cursor-plugin.d.ts
 /**
@@ -29,7 +25,6 @@ interface YjsCursorOptions extends YjsCursorPluginOptions {
   awareness: Awareness;
 }
 declare function defineYjsCursorPlugin(options: YjsCursorOptions): PlainExtension;
-
 //#endregion
 //#region src/yjs/yjs-sync-plugin.d.ts
 /**
@@ -40,7 +35,6 @@ interface YjsSyncOptions extends YjsSyncPluginOptions {
   fragment: Y$1.XmlFragment;
 }
 declare function defineYjsSyncPlugin(options: YjsSyncOptions): PlainExtension;
-
 //#endregion
 //#region src/yjs/yjs-undo-plugin.d.ts
 /**
@@ -52,7 +46,6 @@ interface YjsUndoOptions extends YjsUndoPluginOptions {}
 * @internal
 */
 declare function defineYjsUndoPlugin(options: YjsUndoOptions): PlainExtension;
-
 //#endregion
 //#region src/yjs/yjs.d.ts
 interface YjsOptions {
@@ -90,10 +83,8 @@ type YjsExtension = Union<[YjsCommandsExtension, PlainExtension]>;
 * @public
 */
 declare function defineYjs(options: YjsOptions): YjsExtension;
-
 //#endregion
 //#region src/yjs/yjs-keymap.d.ts
 declare function defineYjsKeymap(): PlainExtension;
-
 //#endregion
 export { YjsCursorOptions, YjsCursorPluginOptions, YjsExtension, YjsOptions, YjsSyncOptions, YjsSyncPluginOptions, YjsUndoOptions, YjsUndoPluginOptions, defineYjs, defineYjsCommands, defineYjsCursorPlugin, defineYjsKeymap, defineYjsSyncPlugin, defineYjsUndoPlugin };

package/dist/search/style.css

@@ -1,13 +1,14 @@
 .ProseMirror-search-match {
-  background-color: #ffff0054;
   border-radius: 2px;
+  background-color: #ffff0054;
   box-shadow: 0 0 0 2px #ffff0054;
 }
 
-.ProseMirror.ProseMirror-focused .ProseMirror-active-search-match::selection, .ProseMirror:not(.ProseMirror-focused) .ProseMirror-active-search-match {
-  background-color: #ff6a0054;
+.ProseMirror.ProseMirror-focused .ProseMirror-active-search-match::selection,
+.ProseMirror:not(.ProseMirror-focused) .ProseMirror-active-search-match {
   border-radius: 2px;
-  scroll-margin: 8px;
+  background-color: #ff6a0054;
   box-shadow: 0 0 0 2px #ff6a0054;
+  scroll-margin: 8px;
 }
 

package/dist/{shiki-highlighter-chunk-Cd3WeOKL.d.ts → shiki-highlighter-chunk-CZGvZlhf.d.ts}

@@ -14,6 +14,5 @@ type HighlighterResult = {
   promise: Promise<void>;
 };
 declare function createOrGetHighlighter(options: HighlighterOptions): HighlighterResult;
-
 //#endregion
 export { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter };

package/dist/shiki-highlighter-chunk.d.ts

@@ -1,2 +1,2 @@
-import { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter } from "./shiki-highlighter-chunk-Cd3WeOKL.js";
+import { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter } from "./shiki-highlighter-chunk-CZGvZlhf.js";
 export { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter };

package/dist/shiki-highlighter-chunk.js

@@ -3,8 +3,8 @@ import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 
 //#region src/code-block/shiki-highlighter-chunk.ts
 let highlighter;
-const loadedLangs = new Set();
-const loadedThemes = new Set();
+const loadedLangs = /* @__PURE__ */ new Set();
+const loadedThemes = /* @__PURE__ */ new Set();
 async function createAndCacheHighlighter({ ...options }) {
 	if (!highlighter) {
 		if (!options.engine) {

package/dist/table/style.css

@@ -1,39 +1,35 @@
 .ProseMirror .tableWrapper {
   overflow-x: auto;
 }
-
 .ProseMirror table {
-  border-collapse: collapse;
-  table-layout: fixed;
   width: 100%;
   overflow: hidden;
+  border-collapse: collapse;
+  table-layout: fixed;
 }
-
-.ProseMirror td, .ProseMirror th {
+.ProseMirror td,
+.ProseMirror th {
   box-sizing: border-box;
-  vertical-align: top;
-  border-width: 1px;
-  padding-left: .75rem;
-  padding-right: .75rem;
   position: relative;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+  border-width: 1px;
+  vertical-align: top;
 }
-
 .ProseMirror .column-resize-handle {
   z-index: 20;
-  pointer-events: none;
-  background-color: highlighttext;
-  width: 4px;
   position: absolute;
   top: 0;
-  bottom: 0;
   right: -2px;
+  bottom: 0;
+  width: 4px;
+  background-color: HighlightText;
+  pointer-events: none;
 }
-
 .ProseMirror.resize-cursor {
   cursor: ew-resize;
   cursor: col-resize;
 }
-
 .ProseMirror .selectedCell {
   --color: 210, 100%, 56%;
   border: 1px double hsl(var(--color));

package/dist/virtual-selection/style.css

@@ -1,6 +1,6 @@
 .prosekit-virtual-selection {
-  background-color: #8888884d;
   border-radius: 2px;
+  background-color: #8888884d;
   box-shadow: 0 0 0 2px #8888884d;
 }
 

package/dist/yjs/style.css

@@ -1,28 +1,31 @@
 .ProseMirror .ProseMirror-yjs-cursor {
+  position: absolute;
+  height: 1em;
+  border-left: black;
+  border-left-width: 2px;
+  border-left-style: solid;
+  border-color: orange;
   word-break: normal;
   pointer-events: none;
-  border-color: orange;
-  border-left-style: solid;
-  border-left-width: 2px;
-  height: 1em;
-  position: absolute;
 }
 
 .ProseMirror .ProseMirror-yjs-cursor > div {
-  color: #fff;
-  user-select: none;
-  background-color: #fa8100;
-  padding-left: 2px;
+  position: relative;
+  top: -1.05em;
   padding-right: 2px;
-  font-family: serif;
-  font-size: 13px;
+  padding-left: 2px;
+  background-color: rgb(250, 129, 0);
+  color: white;
   font-style: normal;
   font-weight: normal;
+  font-size: 13px;
   line-height: normal;
-  position: relative;
-  top: -1.05em;
+  font-family: serif;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
-
 .ProseMirror > .ProseMirror-yjs-cursor:first-child {
   margin-top: 16px;
 }