@quadrats/react 0.1.0 → 0.4.5

package/blockquote/createReactBlockquote.js

@@ -1,9 +1,9 @@
-import { BLOCKQUOTE_HOTKEY } from './constants.js';
-import { defaultRenderBlockquoteElement } from './defaultRenderBlockquoteElement.js';
 import isHotkey from 'is-hotkey';
 import { createBlockquote } from '@quadrats/common/blockquote';
 import { createRenderElement } from '@quadrats/react';
-import { createOnKeyDownBreak } from '@quadrats/react/break';
+import { createOnKeyDownBreak } from '@quadrats/react/line-break';
+import { BLOCKQUOTE_HOTKEY } from './constants.js';
+import { defaultRenderBlockquoteElement } from './defaultRenderBlockquoteElement.js';
 
 function createReactBlockquote(options = {}) {
     const core = createBlockquote(options);

package/blockquote/index.cjs.js

@@ -6,9 +6,9 @@ var React = require('react');
 var isHotkey = require('is-hotkey');
 var blockquote = require('@quadrats/common/blockquote');
 var react = require('@quadrats/react');
-var _break = require('@quadrats/react/break');
+var lineBreak = require('@quadrats/react/line-break');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
@@ -25,7 +25,7 @@ const defaultRenderBlockquoteElement = ({ attributes, children, }) => React__def
 function createReactBlockquote(options = {}) {
     const core = blockquote.createBlockquote(options);
     const { type } = core;
-    const onKeyDownBreak = _break.createOnKeyDownBreak({
+    const onKeyDownBreak = lineBreak.createOnKeyDownBreak({
         softBreak: {
             rules: [
                 {

package/blockquote/jsx-serializer/createJsxSerializeBlockquote.js

@@ -1,6 +1,6 @@
-import { defaultRenderBlockquoteElement } from '@quadrats/react/blockquote';
 import { BLOCKQUOTE_TYPE } from '@quadrats/common/blockquote';
 import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
+import { defaultRenderBlockquoteElement } from '@quadrats/react/blockquote';
 
 function createJsxSerializeBlockquote(options = {}) {
     const { type = BLOCKQUOTE_TYPE, render = defaultRenderBlockquoteElement } = options;

package/blockquote/toolbar/BlockquoteToolbarIcon.js

@@ -1,7 +1,7 @@
-import { useBlockquoteTool } from './useBlockquoteTool.js';
 import { __rest } from 'tslib';
 import React from 'react';
 import { ToolbarIcon } from '@quadrats/react/toolbar';
+import { useBlockquoteTool } from './useBlockquoteTool.js';
 
 function BlockquoteToolbarIcon(props) {
     const { controller } = props, rest = __rest(props, ["controller"]);
@@ -9,4 +9,4 @@ function BlockquoteToolbarIcon(props) {
     return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
 }
 
-export default BlockquoteToolbarIcon;
+export { BlockquoteToolbarIcon as default };

package/blockquote/toolbar/index.cjs.js

@@ -7,7 +7,7 @@ var tslib = require('tslib');
 var React = require('react');
 var toolbar = require('@quadrats/react/toolbar');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 

package/bold/createReactBold.d.ts

@@ -1 +1 @@
-export declare const createReactBold: ({ type }?: Partial<import("@quadrats/core").WithMarkType> | undefined) => import("@quadrats/react/toggle-mark").ReactToggleMark;
+export declare const createReactBold: (variant?: string | undefined) => import("@quadrats/react/toggle-mark").ReactToggleMark;

package/bold/createReactBold.js

@@ -1,11 +1,11 @@
-import { BOLD_HOTKEY } from './constants.js';
-import { defaultRenderBold } from './defaultRenderBold.js';
 import { createBold } from '@quadrats/common/bold';
 import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
+import { BOLD_HOTKEY } from './constants.js';
+import { defaultRenderBold } from './defaultRenderBold.js';
 
-const createReactBold = createReactToggleMarkCreator(createBold, {
+const createReactBold = (variant) => createReactToggleMarkCreator(createBold(variant), {
     hotkey: BOLD_HOTKEY,
     render: defaultRenderBold,
-});
+})();
 
 export { createReactBold };

package/bold/defaultRenderBold.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { RenderMarkPropsBase } from '@quadrats/react/_internal';
-export declare const defaultRenderBold: ({ children }: RenderMarkPropsBase<boolean>) => JSX.Element;
+export declare const defaultRenderBold: ({ children, leaf }: RenderMarkPropsBase<boolean>) => JSX.Element;

package/bold/defaultRenderBold.js

@@ -1,5 +1,7 @@
 import React from 'react';
+import { BOLD_TYPE } from '@quadrats/common/bold';
 
-const defaultRenderBold = ({ children }) => React.createElement("strong", null, children);
+const defaultRenderBold = ({ children, leaf }) => (React.createElement("strong", { className: leaf.boldVariant
+        ? `${BOLD_TYPE}.${leaf.boldVariant}` : `${BOLD_TYPE}` }, children));
 
 export { defaultRenderBold };

package/bold/index.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var bold = require('@quadrats/common/bold');
 var toggleMark = require('@quadrats/react/toggle-mark');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
@@ -17,12 +17,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 const BOLD_HOTKEY = 'mod+b';
 
-const defaultRenderBold = ({ children }) => React__default.createElement("strong", null, children);
+const defaultRenderBold = ({ children, leaf }) => (React__default.createElement("strong", { className: leaf.boldVariant
+        ? `${bold.BOLD_TYPE}.${leaf.boldVariant}` : `${bold.BOLD_TYPE}` }, children));
 
-const createReactBold = toggleMark.createReactToggleMarkCreator(bold.createBold, {
+const createReactBold = (variant) => toggleMark.createReactToggleMarkCreator(bold.createBold(variant), {
     hotkey: BOLD_HOTKEY,
     render: defaultRenderBold,
-});
+})();
 
 exports.BOLD_HOTKEY = BOLD_HOTKEY;
 exports.createReactBold = createReactBold;

package/bold/jsx-serializer/createJsxSerializeBold.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const createJsxSerializeBold: (options?: Partial<import("@quadrats/react/jsx-serializer").CreateJsxSerializeMarkOptions<boolean>> | undefined) => (props: Pick<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "leaf" | "children">) => JSX.Element;
+export declare const createJsxSerializeBold: (options?: Partial<import("@quadrats/react/toggle-mark/jsx-serializer").CreateJsxSerializeToggleMarkCreatorOptions> | undefined) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;

package/bold/jsx-serializer/createJsxSerializeBold.js

@@ -1,6 +1,6 @@
-import { defaultRenderBold } from '@quadrats/react/bold';
 import { BOLD_TYPE } from '@quadrats/common/bold';
 import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
+import { defaultRenderBold } from '@quadrats/react/bold';
 
 const createJsxSerializeBold = createJsxSerializeToggleMarkCreator({
     type: BOLD_TYPE,

package/bold/typings.d.ts

@@ -0,0 +1,5 @@
+import { Text } from 'slate';
+export interface BoldLeaf extends Text {
+    bold: boolean;
+    boldVariant?: string;
+}

package/components/Icon/index.d.ts

@@ -11,5 +11,5 @@ export interface IconProps extends SVGProps<SVGSVGElement> {
      */
     size?: number;
 }
-declare const Icon: React.ForwardRefExoticComponent<Pick<IconProps, "string" | "max" | "accumulate" | "origin" | "end" | "alphabetic" | "hanging" | "ideographic" | "media" | "style" | "clipPath" | "filter" | "mask" | "path" | "result" | "fill" | "values" | "local" | "color" | "clip" | "size" | "stroke" | "x" | "y" | "icon" | "mathematical" | "cursor" | "direction" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "offset" | "overflow" | "textDecoration" | "azimuth" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "additive" | "unicodeRange" | "orientation" | "children" | "key" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<SVGSVGElement>>;
+declare const Icon: React.ForwardRefExoticComponent<Pick<IconProps, "string" | "filter" | "values" | "fill" | "max" | "type" | "accumulate" | "offset" | "key" | "id" | "media" | "origin" | "height" | "width" | "end" | "name" | "alignmentBaseline" | "baselineShift" | "clip" | "clipPath" | "clipRule" | "color" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "alphabetic" | "hanging" | "ideographic" | "style" | "path" | "method" | "target" | "lang" | "className" | "children" | "tabIndex" | "size" | "orientation" | "local" | "x" | "y" | "icon" | "mathematical" | "azimuth" | "colorRendering" | "glyphOrientationVertical" | "vectorEffect" | "additive" | "crossOrigin" | "href" | "min" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accentHeight" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<SVGSVGElement>>;
 export default Icon;

package/components/Icon/index.js

@@ -18,4 +18,4 @@ const Icon = forwardRef((_a, ref) => {
         React.createElement("path", Object.assign({}, definition.path))));
 });
 
-export default Icon;
+export { Icon as default };

package/components/Portal/index.js

@@ -5,4 +5,4 @@ const Portal = ({ getContainer, children }) => {
     return ReactDOM.createPortal(children, container);
 };
 
-export default Portal;
+export { Portal as default };

package/components/Progress/index.js

@@ -13,4 +13,4 @@ const Progress = forwardRef(function Progress(props, ref) {
         React.createElement("span", { className: "qdr-progress__track", style: style })));
 });
 
-export default Progress;
+export { Progress as default };

package/components/Tooltip/index.js

@@ -1,9 +1,9 @@
 import React, { useContext, useState, useRef, useCallback, Children, cloneElement, useLayoutEffect } from 'react';
-import Portal from '../Portal/index.js';
-import clsx from 'clsx';
 import { CSSTransition } from 'react-transition-group';
+import clsx from 'clsx';
 import { composeRefs } from '@quadrats/react/utils';
 import { ThemeContext } from '@quadrats/react/configs';
+import Portal from '../Portal/index.js';
 import { calculatePosition } from './calculatePosition.js';
 
 const clsPrefix = 'qdr-tooltip';
@@ -117,4 +117,4 @@ function Tooltip({ children, triggers = defaultTriggers, popup, getContainer = d
         trigger));
 }
 
-export default Tooltip;
+export { Tooltip as default };

package/components/index.cjs.js

@@ -10,7 +10,7 @@ var reactTransitionGroup = require('react-transition-group');
 var utils = require('@quadrats/react/utils');
 var configs = require('@quadrats/react/configs');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);

package/configs/ConfigsProvider.js

@@ -12,4 +12,4 @@ function ConfigsProvider({ theme, locale = enUS, children }) {
         React.createElement(LocaleContext.Provider, { value: locale }, typeof children === 'function' ? children({ theme: themeContext, locale }) : children)));
 }
 
-export default ConfigsProvider;
+export { ConfigsProvider as default };

package/configs/index.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var locales = require('@quadrats/locales');
 var utils = require('@quadrats/utils');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 

package/core/components/DefaultElement.js

@@ -2,4 +2,4 @@ import React from 'react';
 
 const DefaultElement = ({ attributes, children }) => React.createElement("div", Object.assign({}, attributes), children);
 
-export default DefaultElement;
+export { DefaultElement as default };

package/core/components/DefaultLeaf.js

@@ -2,4 +2,4 @@ import React from 'react';
 
 const DefaultLeaf = ({ attributes, children }) => React.createElement("span", Object.assign({}, attributes), children);
 
-export default DefaultLeaf;
+export { DefaultLeaf as default };

package/core/components/Editable.js

@@ -1,9 +1,9 @@
-import { useLocale, useTheme } from '@quadrats/react/configs';
-import { useSlate, Editable as Editable$1 } from 'slate-react';
 import { __rest } from 'tslib';
 import React, { useState, useCallback } from 'react';
+import { useSlate, Editable as Editable$1 } from 'slate-react';
 import clsx from 'clsx';
 import { isAncestorEmpty, Editor } from '@quadrats/core';
+import { useLocale, useTheme } from '@quadrats/react/configs';
 import DefaultLeaf from './DefaultLeaf.js';
 
 const PLACEHOLDER_KEY = '__quadrats-placeholder__';
@@ -49,4 +49,4 @@ function Editable(props) {
     return (React.createElement(Editable$1, Object.assign({}, slateEditableProps, { className: clsx('qdr-editable', themeProps.className, className), decorate: decorate, onCompositionStart: onCompositionStart, onCompositionEnd: onCompositionEnd, renderLeaf: renderLeaf, style: Object.assign(Object.assign({}, themeProps.style), style) })));
 }
 
-export default Editable;
+export { Editable as default };

package/core/components/Quadrats.js

@@ -1,6 +1,6 @@
-import { ConfigsProvider } from '@quadrats/react/configs';
-import { Slate } from 'slate-react';
 import React from 'react';
+import { Slate } from 'slate-react';
+import { ConfigsProvider } from '@quadrats/react/configs';
 
 /**
  * Provide configs of quadrats and control the value.
@@ -11,4 +11,4 @@ function Quadrats(props) {
         React.createElement(Slate, { editor: editor, onChange: onChange, value: value }, children)));
 }
 
-export default Quadrats;
+export { Quadrats as default };

package/core/composeRenderElements.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import DefaultElement from './components/DefaultElement.js';
 import { composeRenderElementsBase } from '@quadrats/react/_internal';
+import DefaultElement from './components/DefaultElement.js';
 
 /**
  * To compose sequential `renderElement`s to single.

package/core/composeRenderLeafs.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import DefaultLeaf from './components/DefaultLeaf.js';
 import { composeRenderLeafsBase } from '@quadrats/react/_internal';
+import DefaultLeaf from './components/DefaultLeaf.js';
 
 /**
  * To compose sequential `renderLeaf`s or `renderMark`s to single.

package/core/createRenderMark.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CreateRenderMarkOptions } from './typings/renderer';
-export declare function createRenderMark<M>(options: CreateRenderMarkOptions<M>): (props: Pick<import("./typings/renderer").RenderMarkProps<M>, "children" | "leaf">) => JSX.Element;
+export declare function createRenderMark<M>(options: CreateRenderMarkOptions<M>): (props: Omit<import("./typings/renderer").RenderMarkProps<M>, "mark">) => JSX.Element;

package/divider/createReactDivider.js

@@ -1,6 +1,6 @@
-import { defaultRenderDividerElement } from './defaultRenderDividerElement.js';
 import { createDivider } from '@quadrats/common/divider';
 import { createRenderElement } from '@quadrats/react';
+import { defaultRenderDividerElement } from './defaultRenderDividerElement.js';
 
 function createReactDivider(options = {}) {
     const core = createDivider(options);

package/divider/index.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var divider = require('@quadrats/common/divider');
 var react = require('@quadrats/react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 

package/divider/jsx-serializer/createJsxSerializeDivider.js

@@ -1,6 +1,6 @@
-import { defaultRenderDividerElement } from './defaultRenderDividerElement.js';
 import { DIVIDER_TYPE } from '@quadrats/common/divider';
 import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
+import { defaultRenderDividerElement } from './defaultRenderDividerElement.js';
 
 function createJsxSerializeDivider(options = {}) {
     const { type = DIVIDER_TYPE, render = defaultRenderDividerElement } = options;

package/divider/jsx-serializer/index.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var divider = require('@quadrats/common/divider');
 var jsxSerializer = require('@quadrats/react/jsx-serializer');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 

package/divider/toolbar/DividerToolbarIcon.js

@@ -1,7 +1,7 @@
-import { useDividerTool } from './useDividerTool.js';
 import { __rest } from 'tslib';
 import React from 'react';
 import { ToolbarIcon } from '@quadrats/react/toolbar';
+import { useDividerTool } from './useDividerTool.js';
 
 function DividerToolbarIcon(props) {
     const { controller } = props, rest = __rest(props, ["controller"]);
@@ -9,4 +9,4 @@ function DividerToolbarIcon(props) {
     return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
 }
 
-export default DividerToolbarIcon;
+export { DividerToolbarIcon as default };

package/divider/toolbar/index.cjs.js

@@ -7,7 +7,7 @@ var tslib = require('tslib');
 var React = require('react');
 var toolbar = require('@quadrats/react/toolbar');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 

package/embed/components/VideoIframe.js

@@ -12,4 +12,4 @@ function VideoIframe({ attributes, children, data: src }) {
         attributes ? children : undefined));
 }
 
-export default VideoIframe;
+export { VideoIframe as default };

package/embed/createReactEmbed.js

@@ -1,6 +1,6 @@
 import { createEmbed } from '@quadrats/common/embed';
-import { createRenderEmbedElementBase } from './createRenderEmbedElementBase.js';
 import { createRenderElement } from '@quadrats/react';
+import { createRenderEmbedElementBase } from './createRenderEmbedElementBase.js';
 
 function createReactEmbed(options) {
     const core = createEmbed(options);

package/embed/index.cjs.js

@@ -7,7 +7,7 @@ var utils = require('@quadrats/react/utils');
 var embed = require('@quadrats/common/embed');
 var react = require('@quadrats/react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 

package/embed/index.js

@@ -1,4 +1,4 @@
-export { useVideoIframeSize } from './hooks/useVideoIframeSize.js';
 export { default as VideoIframe } from './components/VideoIframe.js';
+export { useVideoIframeSize } from './hooks/useVideoIframeSize.js';
 export { createRenderEmbedElementBase } from './createRenderEmbedElementBase.js';
 export { createReactEmbed } from './createReactEmbed.js';

package/embed/jsx-serializer/facebook/index.cjs.js

@@ -6,6 +6,6 @@ var facebook = require('@quadrats/react/embed/renderers/facebook');
 
 
 
-Object.keys(facebook).forEach(function (k) {
-	if (k !== 'default') exports[k] = facebook[k];
-});
+for (var k in facebook) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = facebook[k];
+}

package/embed/jsx-serializer/instagram/index.cjs.js

@@ -6,6 +6,6 @@ var instagram = require('@quadrats/react/embed/renderers/instagram');
 
 
 
-Object.keys(instagram).forEach(function (k) {
-	if (k !== 'default') exports[k] = instagram[k];
-});
+for (var k in instagram) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = instagram[k];
+}

package/embed/jsx-serializer/twitter/index.cjs.js

@@ -6,6 +6,6 @@ var twitter = require('@quadrats/react/embed/renderers/twitter');
 
 
 
-Object.keys(twitter).forEach(function (k) {
-	if (k !== 'default') exports[k] = twitter[k];
-});
+for (var k in twitter) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = twitter[k];
+}

package/embed/jsx-serializer/vimeo/index.cjs.js

@@ -6,6 +6,6 @@ var vimeo = require('@quadrats/react/embed/renderers/vimeo');
 
 
 
-Object.keys(vimeo).forEach(function (k) {
-	if (k !== 'default') exports[k] = vimeo[k];
-});
+for (var k in vimeo) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = vimeo[k];
+}

package/embed/jsx-serializer/youtube/index.cjs.js

@@ -6,6 +6,6 @@ var youtube = require('@quadrats/react/embed/renderers/youtube');
 
 
 
-Object.keys(youtube).forEach(function (k) {
-	if (k !== 'default') exports[k] = youtube[k];
-});
+for (var k in youtube) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = youtube[k];
+}

package/embed/renderers/facebook/components/Facebook.js

@@ -13,4 +13,4 @@ function Facebook({ attributes, children, data: { url, width, height } }) {
         attributes ? children : undefined));
 }
 
-export default Facebook;
+export { Facebook as default };

package/embed/renderers/facebook/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 

package/embed/renderers/instagram/components/Instagram.js

@@ -21,4 +21,4 @@ function Instagram({ attributes, children, data: permalink }) {
         attributes ? children : undefined));
 }
 
-export default Instagram;
+export { Instagram as default };

package/embed/renderers/instagram/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 

package/embed/renderers/podcast-apple/components/PodcastApple.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { PodcastAppleEmbedElement } from '@quadrats/common/embed/strategies/podcast-apple';
+import { RenderElementProps } from '@quadrats/react';
+export interface PodcastAppleProps {
+    attributes?: RenderElementProps['attributes'];
+    children?: any;
+    data: string;
+    element: PodcastAppleEmbedElement;
+}
+declare function PodcastApple({ attributes, children, data: src }: PodcastAppleProps): JSX.Element;
+export default PodcastApple;

package/embed/renderers/podcast-apple/components/PodcastApple.js

@@ -0,0 +1,12 @@
+import React, { useRef } from 'react';
+import { composeRefs } from '@quadrats/react/utils';
+
+function PodcastApple({ attributes, children, data: src }) {
+    const containerRef = useRef(null);
+    const composedRef = composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
+    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, contentEditable: false }),
+        React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "450px" }),
+        attributes ? children : undefined));
+}
+
+export { PodcastApple as default };

package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PodcastAppleProps } from './components/PodcastApple';
+export declare const defaultRenderPodcastAppleEmbedElement: (props: PodcastAppleProps) => JSX.Element;

package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import PodcastApple from './components/PodcastApple.js';
+
+const defaultRenderPodcastAppleEmbedElement = (props) => React.createElement(PodcastApple, Object.assign({}, props));
+
+export { defaultRenderPodcastAppleEmbedElement };