@quadrats/react 0.0.1 → 0.4.3

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

@@ -8,7 +8,7 @@ var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
 
 const createJsxSerializeStrikethrough = jsxSerializer.createJsxSerializeToggleMarkCreator({
     type: strikethrough$1.STRIKETHROUGH_TYPE,
-    render: strikethrough.defaultRenderStrikethrough,
+    render: strikethrough.defaultRenderStrikethrough(),
 });
 
 exports.defaultRenderStrikethrough = strikethrough.defaultRenderStrikethrough;

package/toggle-mark/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var isHotkey = require('is-hotkey');
 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 isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
 

package/toggle-mark/jsx-serializer/createJsxSerializeToggleMarkCreator.d.ts

@@ -2,4 +2,4 @@
 import { CreateJsxSerializeMarkOptions } from '@quadrats/react/jsx-serializer';
 export declare type CreateJsxSerializeToggleMarkCreatorOptions = CreateJsxSerializeMarkOptions<boolean>;
 export declare type CreateJsxSerializeToggleMarkOptions = Partial<CreateJsxSerializeToggleMarkCreatorOptions>;
-export declare function createJsxSerializeToggleMarkCreator(defaults: CreateJsxSerializeToggleMarkCreatorOptions): (options?: Partial<CreateJsxSerializeMarkOptions<boolean>> | undefined) => (props: Pick<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "leaf" | "children">) => JSX.Element;
+export declare function createJsxSerializeToggleMarkCreator(defaults: CreateJsxSerializeToggleMarkCreatorOptions): (options?: Partial<CreateJsxSerializeToggleMarkCreatorOptions> | undefined) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;

package/toggle-mark/toolbar/ToggleMarkToolbarIcon.js

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

package/toggle-mark/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/toolbar/components/Toolbar.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import './toolbar.scss';
 export interface ToolbarProps {
     /**
      * If there are any nodes which type match it, toolbar will hide.

package/toolbar/components/Toolbar.js

@@ -4,7 +4,6 @@ import { Range, getSelectionText, isNodesTypeIn, Transforms } from '@quadrats/co
 import { ThemeContext, useQuadrats, ReactEditor } from '@quadrats/react';
 import { Portal } from '@quadrats/react/components';
 import { StartToolInputContext } from '../contexts/StartToolInputContext.js';
-import './toolbar.scss.js';
 import ToolbarInput from './ToolbarInput.js';
 
 function roundNumber(value, min, max) {
@@ -104,4 +103,4 @@ function Toolbar(props) {
                     }, toolInput: toolInput }))))));
 }
 
-export default Toolbar;
+export { Toolbar as default };

package/toolbar/components/ToolbarIcon.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { IconProps } from '@quadrats/react/components';
-import './toolbar.scss';
 export interface ToolbarIconProps extends Omit<IconProps, 'ref'> {
     active?: boolean;
 }

package/toolbar/components/ToolbarIcon.js

@@ -1,8 +1,7 @@
+import { __rest } from 'tslib';
 import React from 'react';
 import clsx from 'clsx';
 import { Icon } from '@quadrats/react/components';
-import './toolbar.scss.js';
-import { __rest } from 'tslib';
 
 function ToolbarIcon(props) {
     const { active, className, onMouseDown } = props, rest = __rest(props, ["active", "className", "onMouseDown"]);
@@ -12,4 +11,4 @@ function ToolbarIcon(props) {
         } })));
 }
 
-export default ToolbarIcon;
+export { ToolbarIcon as default };

package/toolbar/components/ToolbarInput.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { ToolInputConfig } from '../typings';
-import './toolbar.scss';
 export interface ToolbarInputProps {
     exit: VoidFunction;
     toolInput: ToolInputConfig;

package/toolbar/components/ToolbarInput.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { useLocale } from '@quadrats/react';
-import './toolbar.scss.js';
 
 function ToolbarInput({ exit, toolInput }) {
     const { confirm, getPlaceholder } = toolInput;
@@ -20,7 +19,7 @@ function ToolbarInput({ exit, toolInput }) {
     const locale = useLocale();
     const placeholder = getPlaceholder(locale);
     return (React.createElement("div", { className: "qdr-toolbar__input__wrapper" },
-        React.createElement("input", { 
+        React.createElement("input", { defaultValue: toolInput.defaultValue, 
             // eslint-disable-next-line jsx-a11y/no-autofocus
             autoFocus: true, className: "qdr-toolbar__input", placeholder: placeholder, onKeyDown: onKeyDown, onBlur: exit }),
         React.createElement("svg", { className: "qdr-toolbar__input__cross", viewBox: "0 0 320 512", onMouseDown: onExit },
@@ -29,4 +28,4 @@ function ToolbarInput({ exit, toolInput }) {
                 d: "M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" }))));
 }
 
-export default ToolbarInput;
+export { ToolbarInput as default };

package/toolbar/index.cjs.js

@@ -9,7 +9,7 @@ var react = require('@quadrats/react');
 var components = require('@quadrats/react/components');
 var tslib = require('tslib');
 
-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 clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
@@ -21,36 +21,6 @@ const TOOLBAR_DIVIDER = React__default.createElement("span", { className: "qdr-t
 
 const StartToolInputContext = React.createContext(() => { });
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".qdr-toolbar{display:flex;align-items:center;font-size:24px;height:40px;padding:8px 10px;background-color:var(--qdr-surface);border:1px solid var(--qdr-border);border-radius:4px;box-sizing:border-box}.qdr-toolbar__wrapper{position:absolute;z-index:1;padding-bottom:10px;height:40px;box-sizing:content-box}.qdr-toolbar__wrapper--inputting{min-width:250px;max-width:350px}.qdr-toolbar__arrow{position:absolute;top:calc(100% - 10px);left:50%;content:\"\";width:10px;height:10px;background:var(--qdr-surface);border:1px solid var(--qdr-border);border-top:none;border-left:none;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.qdr-toolbar__divider{width:1px;height:20px;background-color:var(--qdr-divider);margin:0 8px}.qdr-toolbar__icon{position:relative;color:var(--qdr-icon);font-size:24px;display:inline-flex;justify-content:center;align-items:center;margin:0 9px;border:0;background-color:transparent;padding:0;outline:none;box-shadow:none;border-radius:0;transition:color .2s ease-out;cursor:pointer}.qdr-toolbar__icon--active,.qdr-toolbar__icon:hover{color:var(--qdr-primary)}.qdr-toolbar__input{font-size:13px;background:var(--qdr-surface);color:var(--qdr-placeholder);width:calc(100% - 14px);height:100%;border:none;padding:0;outline:none}.qdr-toolbar__input__wrapper{display:flex;align-items:center;position:absolute;top:8px;left:10px;width:calc(100% - 20px);height:calc(100% - 26px);background:var(--qdr-surface);box-sizing:border-box}.qdr-toolbar__input__cross{fill:var(--qdr-placeholder);font-size:14px;width:1em;height:1em;cursor:pointer}";
-styleInject(css_248z);
-
 function ToolbarInput({ exit, toolInput }) {
     const { confirm, getPlaceholder } = toolInput;
     const onExit = (event) => {
@@ -69,7 +39,7 @@ function ToolbarInput({ exit, toolInput }) {
     const locale = react.useLocale();
     const placeholder = getPlaceholder(locale);
     return (React__default.createElement("div", { className: "qdr-toolbar__input__wrapper" },
-        React__default.createElement("input", { 
+        React__default.createElement("input", { defaultValue: toolInput.defaultValue, 
             // eslint-disable-next-line jsx-a11y/no-autofocus
             autoFocus: true, className: "qdr-toolbar__input", placeholder: placeholder, onKeyDown: onKeyDown, onBlur: exit }),
         React__default.createElement("svg", { className: "qdr-toolbar__input__cross", viewBox: "0 0 320 512", onMouseDown: onExit },

package/toolbar/package.json

@@ -1,6 +1,9 @@
 {
   "name": "@quadrats/react/toolbar",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "main": "./index.cjs.js",
   "module": "./index.js",
   "typings": "./index.d.ts"

package/toolbar/toolbar.css

@@ -0,0 +1 @@
+.qdr-toolbar{display:flex;align-items:center;font-size:24px;height:40px;padding:8px 10px;background-color:var(--qdr-surface);border:1px solid var(--qdr-border);border-radius:4px;box-sizing:border-box}.qdr-toolbar__wrapper{position:absolute;z-index:1;padding-bottom:10px;height:40px;box-sizing:content-box}.qdr-toolbar__wrapper--inputting{min-width:250px;max-width:350px}.qdr-toolbar__arrow{position:absolute;top:calc(100% - 10px);left:50%;content:"";width:10px;height:10px;background:var(--qdr-surface);border:1px solid var(--qdr-border);border-top:none;border-left:none;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.qdr-toolbar__divider{width:1px;height:20px;background-color:var(--qdr-divider);margin:0 8px}.qdr-toolbar__icon{position:relative;color:var(--qdr-icon);font-size:24px;display:inline-flex;justify-content:center;align-items:center;margin:0 9px;border:0;background-color:transparent;padding:0;outline:none;box-shadow:none;border-radius:0;transition:color .2s ease-out;cursor:pointer}.qdr-toolbar__icon:hover,.qdr-toolbar__icon--active{color:var(--qdr-primary)}.qdr-toolbar__input{font-size:13px;background:var(--qdr-surface);color:var(--qdr-placeholder);width:calc(100% - 14px);height:100%;border:none;padding:0;outline:none}.qdr-toolbar__input__wrapper{display:flex;align-items:center;position:absolute;top:8px;left:10px;width:calc(100% - 20px);height:calc(100% - 26px);background:var(--qdr-surface);box-sizing:border-box}.qdr-toolbar__input__cross{fill:var(--qdr-placeholder);font-size:14px;width:1em;height:1em;cursor:pointer}

package/toolbar/toolbar.scss

@@ -0,0 +1,106 @@
+$qdr-toolbar-popup-gap: 10px;
+$qdr-toolbar-arrow-size: $qdr-toolbar-popup-gap;
+$qdr-toolbar-height: 40px;
+$qdr-toolbar-padding-vertical: 8px;
+$qdr-toolbar-padding-horizontal: 10px;
+$qdr-toolbar-input-cross-size: 14px;
+
+.qdr-toolbar {
+  display: flex;
+  align-items: center;
+  font-size: 24px;
+  height: $qdr-toolbar-height;
+  padding: $qdr-toolbar-padding-vertical $qdr-toolbar-padding-horizontal;
+  background-color: var(--qdr-surface);
+  border: 1px solid var(--qdr-border);
+  border-radius: 4px;
+  box-sizing: border-box;
+
+  &__wrapper {
+    position: absolute;
+    z-index: 1;
+    padding-bottom: $qdr-toolbar-popup-gap;
+    height: $qdr-toolbar-height;
+    box-sizing: content-box;
+
+    &--inputting {
+      min-width: 250px;
+      max-width: 350px;
+    }
+  }
+
+  &__arrow {
+    position: absolute;
+    top: calc(100% - #{$qdr-toolbar-popup-gap});
+    left: 50%;
+    content: '';
+    width: $qdr-toolbar-arrow-size;
+    height: $qdr-toolbar-arrow-size;
+    background: var(--qdr-surface);
+    border: 1px solid var(--qdr-border);
+    border-top: none;
+    border-left: none;
+    transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  }
+
+  &__divider {
+    width: 1px;
+    height: 20px;
+    background-color: var(--qdr-divider);
+    margin: 0 8px;
+  }
+
+  &__icon {
+    position: relative;
+    color: var(--qdr-icon);
+    font-size: 24px;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 9px;
+    border: 0;
+    background-color: transparent;
+    padding: 0;
+    outline: none;
+    box-shadow: none;
+    border-radius: 0;
+    transition: color 0.2s ease-out;
+    cursor: pointer;
+
+    &:hover,
+    &--active {
+      color: var(--qdr-primary);
+    }
+  }
+
+  &__input {
+    font-size: 13px;
+    background: var(--qdr-surface);
+    color: var(--qdr-placeholder);
+    width: calc(100% - #{$qdr-toolbar-input-cross-size});
+    height: 100%;
+    border: none;
+    padding: 0;
+    outline: none;
+
+    &__wrapper {
+      display: flex;
+      align-items: center;
+      position: absolute;
+      top: $qdr-toolbar-padding-vertical;
+      left: $qdr-toolbar-padding-horizontal;
+      width: calc(100% - #{$qdr-toolbar-padding-horizontal * 2});
+      height: calc(100% - #{$qdr-toolbar-padding-vertical * 2 + $qdr-toolbar-popup-gap});
+      background: var(--qdr-surface);
+      box-sizing: border-box;
+    }
+
+    &__cross {
+      fill: var(--qdr-placeholder);
+      font-size: $qdr-toolbar-input-cross-size;
+      width: 1em;
+      height: 1em;
+      cursor: pointer;
+    }
+  }
+}

package/underline/createReactUnderline.d.ts

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

package/underline/createReactUnderline.js

@@ -1,11 +1,11 @@
-import { UNDERLINE_HOTKEY } from './constants.js';
-import { defaultRenderUnderline } from './defaultRenderUnderline.js';
 import { createUnderline } from '@quadrats/common/underline';
 import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
+import { defaultRenderUnderline } from './defaultRenderUnderline.js';
+import { UNDERLINE_HOTKEY } from './constants.js';
 
-const createReactUnderline = createReactToggleMarkCreator(createUnderline, {
+const createReactUnderline = (variant) => createReactToggleMarkCreator(createUnderline(variant), {
     hotkey: UNDERLINE_HOTKEY,
-    render: defaultRenderUnderline,
-});
+    render: defaultRenderUnderline(variant),
+})();
 
 export { createReactUnderline };

package/underline/defaultRenderUnderline.d.ts

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

package/underline/defaultRenderUnderline.js

@@ -1,5 +1,5 @@
 import React from 'react';
 
-const defaultRenderUnderline = ({ children }) => React.createElement("u", null, children);
+const defaultRenderUnderline = (variant) => (({ children }) => (React.createElement("u", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
 
 export { defaultRenderUnderline };

package/underline/index.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var underline = require('@quadrats/common/underline');
 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,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 const UNDERLINE_HOTKEY = 'mod+u';
 
-const defaultRenderUnderline = ({ children }) => React__default.createElement("u", null, children);
+const defaultRenderUnderline = (variant) => (({ children }) => (React__default.createElement("u", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
 
-const createReactUnderline = toggleMark.createReactToggleMarkCreator(underline.createUnderline, {
+const createReactUnderline = (variant) => toggleMark.createReactToggleMarkCreator(underline.createUnderline(variant), {
     hotkey: UNDERLINE_HOTKEY,
-    render: defaultRenderUnderline,
-});
+    render: defaultRenderUnderline(variant),
+})();
 
 exports.UNDERLINE_HOTKEY = UNDERLINE_HOTKEY;
 exports.createReactUnderline = createReactUnderline;

package/underline/jsx-serializer/createJsxSerializeUnderline.d.ts

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

package/underline/jsx-serializer/createJsxSerializeUnderline.js

@@ -1,10 +1,10 @@
-import { defaultRenderUnderline } from '@quadrats/react/underline';
 import { UNDERLINE_TYPE } from '@quadrats/common/underline';
 import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
+import { defaultRenderUnderline } from '@quadrats/react/underline';
 
 const createJsxSerializeUnderline = createJsxSerializeToggleMarkCreator({
     type: UNDERLINE_TYPE,
-    render: defaultRenderUnderline,
+    render: defaultRenderUnderline(),
 });
 
 export { createJsxSerializeUnderline };

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

@@ -8,7 +8,7 @@ var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
 
 const createJsxSerializeUnderline = jsxSerializer.createJsxSerializeToggleMarkCreator({
     type: underline$1.UNDERLINE_TYPE,
-    render: underline.defaultRenderUnderline,
+    render: underline.defaultRenderUnderline(),
 });
 
 exports.defaultRenderUnderline = underline.defaultRenderUnderline;

package/break/index.d.ts

@@ -1,3 +0,0 @@
-export * from './typings';
-export { CreateOnKeyDownBreakOptions, createOnKeyDownBreak } from './createOnKeyDownBreak';
-export * from './commonBreak';

package/break/typings.d.ts

@@ -1,24 +0,0 @@
-import { IsNodeMatchOptions } from '@quadrats/core';
-export interface ExitBreakRule {
-    hotkey: string;
-    /**
-     * @default ParagraphType
-     */
-    defaultType?: string;
-    match?: IsNodeMatchOptions & {
-        /**
-         * Only match at if selection on edge of block.
-         * @default false
-         */
-        onlyAtEdge?: boolean;
-    };
-    /**
-     * Exit before the selected block if true.
-     * @default false
-     */
-    before?: boolean;
-}
-export interface SoftBreakRule {
-    hotkey: string;
-    match?: IsNodeMatchOptions;
-}

package/components/Progress/progress.scss.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".qdr-progress{display:inline-block;position:relative;border-radius:9px;width:100%;height:6px;overflow:hidden}.qdr-progress__backdrop,.qdr-progress__track{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px}.qdr-progress__backdrop{background-color:var(--qdr-text);opacity:.1}.qdr-progress__track{background-color:var(--qdr-primary);transition:transform .2s linear;transform-origin:left}";
-styleInject(css_248z);
-
-export default css_248z;

package/components/Tooltip/tooltip.scss.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".qdr-tooltip__mask{position:absolute;width:100%;top:0;left:0;z-index:20}.qdr-tooltip__popup{position:absolute;max-width:250px;overflow:hidden;overflow-wrap:break-word;box-sizing:border-box}.qdr-tooltip__popup--top{padding-bottom:10px}.qdr-tooltip__popup--right{padding-left:10px}.qdr-tooltip__popup--bottom{padding-top:10px}.qdr-tooltip__popup--left{padding-right:10px}.qdr-tooltip__content{background-color:var(--qdr-surface);border:1px solid var(--qdr-border);color:var(--qdr-text);border-radius:4px;padding:16px;font-size:13px;white-space:pre-wrap}.qdr-tooltip__arrow{position:absolute;content:\"\";width:10px;height:10px;background-color:var(--qdr-surface);border:1px solid var(--qdr-border);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.qdr-tooltip__arrow--top{top:calc(100% - 10px);left:50%;border-top:none;border-left:none}.qdr-tooltip__arrow--bottom{left:50%;top:10px;border-bottom:none;border-right:none}.qdr-tooltip__arrow--right{left:10px;top:50%;border-top:none;border-right:none}.qdr-tooltip__arrow--left{left:calc(100% - 10px);top:50%;border-bottom:none;border-left:none}.qdr-tooltip__arrow--bottom-left,.qdr-tooltip__arrow--top-left{left:20px}.qdr-tooltip__arrow--bottom-right,.qdr-tooltip__arrow--top-right{left:calc(100% - 20px)}.qdr-tooltip__fade--enter{opacity:.01}.qdr-tooltip__fade--enter-active{opacity:1;transition:all .2s ease-out}.qdr-tooltip__fade--exit{opacity:1}.qdr-tooltip__fade--exit-active{opacity:0;transition:all .2s ease-in}";
-styleInject(css_248z);
-
-export default css_248z;

package/components/node_modules/style-inject/dist/style-inject.es.js

@@ -1,28 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export default styleInject;

package/core/components/editable.scss.js

@@ -1,6 +0,0 @@
-import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".qdr-editable{background-color:var(--qdr-background);border:1px solid var(--qdr-border);color:var(--qdr-text);caret-color:var(--qdr-primary);transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;will-change:background-color,border-color,color}.qdr-editable ::-moz-selection{background-color:var(--qdr-primary-light)}.qdr-editable ::selection{background-color:var(--qdr-primary-light)}.qdr-editable__placeholder{display:inline-block;top:0;left:0;color:var(--qdr-placeholder);font:inherit;padding:inherit;width:0;max-width:100%;opacity:.333;white-space:nowrap;text-decoration:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}";
-styleInject(css_248z);
-
-export default css_248z;

package/embed/renderers/twitter/hooks/useLoadTwitterEmbedHtml.d.ts

@@ -1 +0,0 @@
-export declare function useLoadTwitterEmbedHtml(url: string): string | undefined;

package/embed/renderers/twitter/hooks/useLoadTwitterEmbedHtml.js

@@ -1,23 +0,0 @@
-import { useState, useEffect } from 'react';
-
-function useLoadTwitterEmbedHtml(url) {
-    const [html, setHtml] = useState();
-    useEffect(() => {
-        if (url) {
-            let mounted = true;
-            fetch(`https://publish.twitter.com/oembed?url=${url}&omit_script=true`)
-                .then((res) => res.json())
-                .then(({ html }) => {
-                if (mounted) {
-                    setHtml(html);
-                }
-            });
-            return () => {
-                mounted = false;
-            };
-        }
-    }, [url]);
-    return html;
-}
-
-export { useLoadTwitterEmbedHtml };

package/file-uploader/components/file-uploader.scss.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".qdr-file-uploader{position:relative}.qdr-file-uploader__backdrop{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--qdr-text);transition:background-color .3s ease-in-out;will-change:background-color;opacity:.65;z-index:1}.qdr-file-uploader__progress{width:50%}";
-styleInject(css_248z);
-
-export default css_248z;

package/file-uploader/node_modules/style-inject/dist/style-inject.es.js

@@ -1,28 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export default styleInject;

package/image/components/image.scss.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".qdr-image{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qdr-image__spacer{position:absolute;top:0;left:50%;height:0;color:transparent;outline:none;caret-color:transparent}.qdr-image img{display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.qdr-image__boundary,.qdr-image__resizer{position:absolute;border:2px solid var(--qdr-primary);right:0;bottom:0}.qdr-image__boundary{top:0;left:0}.qdr-image__resizer{width:6px;height:6px;background:var(--qdr-surface);transform:translate3d(50%,50%,0);cursor:nwse-resize}.qdr-image__caption{margin-top:6px}.qdr-image__caption-placeholder{display:inline-block;color:var(--qdr-placeholder);width:0;max-width:100%;white-space:nowrap;vertical-align:text-top;pointer-events:none}.qdr-image__figure--blurred .qdr-image__caption--empty{height:0;margin:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}";
-styleInject(css_248z);
-
-export default css_248z;

package/image/node_modules/style-inject/dist/style-inject.es.js

@@ -1,28 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export default styleInject;

package/read-more/components/read-more.scss.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".qdr-read-more{position:relative;margin:18px 0;width:100%;color:var(--qdr-divider);text-align:center}.qdr-read-more:before{position:absolute;content:\"\";top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,var(--qdr-divider) 50%,hsla(0,0%,100%,0) 0);background-position:50%;background-size:1em 1px;background-repeat:repeat-x}.qdr-read-more__description{position:relative;z-index:1;padding:0 1em;background:var(--qdr-background);transition:background-color .3s ease-in-out,color .3s ease-in-out;will-change:background-color,color}";
-styleInject(css_248z);
-
-export default css_248z;

package/read-more/node_modules/style-inject/dist/style-inject.es.js

@@ -1,28 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export default styleInject;

package/toolbar/components/toolbar.scss.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".qdr-toolbar{display:flex;align-items:center;font-size:24px;height:40px;padding:8px 10px;background-color:var(--qdr-surface);border:1px solid var(--qdr-border);border-radius:4px;box-sizing:border-box}.qdr-toolbar__wrapper{position:absolute;z-index:1;padding-bottom:10px;height:40px;box-sizing:content-box}.qdr-toolbar__wrapper--inputting{min-width:250px;max-width:350px}.qdr-toolbar__arrow{position:absolute;top:calc(100% - 10px);left:50%;content:\"\";width:10px;height:10px;background:var(--qdr-surface);border:1px solid var(--qdr-border);border-top:none;border-left:none;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.qdr-toolbar__divider{width:1px;height:20px;background-color:var(--qdr-divider);margin:0 8px}.qdr-toolbar__icon{position:relative;color:var(--qdr-icon);font-size:24px;display:inline-flex;justify-content:center;align-items:center;margin:0 9px;border:0;background-color:transparent;padding:0;outline:none;box-shadow:none;border-radius:0;transition:color .2s ease-out;cursor:pointer}.qdr-toolbar__icon--active,.qdr-toolbar__icon:hover{color:var(--qdr-primary)}.qdr-toolbar__input{font-size:13px;background:var(--qdr-surface);color:var(--qdr-placeholder);width:calc(100% - 14px);height:100%;border:none;padding:0;outline:none}.qdr-toolbar__input__wrapper{display:flex;align-items:center;position:absolute;top:8px;left:10px;width:calc(100% - 20px);height:calc(100% - 26px);background:var(--qdr-surface);box-sizing:border-box}.qdr-toolbar__input__cross{fill:var(--qdr-placeholder);font-size:14px;width:1em;height:1em;cursor:pointer}";
-styleInject(css_248z);
-
-export default css_248z;