@koine/react 2.0.0-beta.2 → 2.0.0-beta.5

package/Editor/components.js

@@ -1,15 +1,59 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorGlobalStyles = exports.EditorBarBtn = exports.EditorBarRoot = exports.EditorRoot = exports.EditorIconItalic = exports.EditorIconBold = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importStar(require("styled-components"));
-var IconButton_1 = require("../Buttons/IconButton");
-var styles_1 = require("../Forms/styles");
-var md_1 = require("react-icons/md");
-Object.defineProperty(exports, "EditorIconBold", { enumerable: true, get: function () { return md_1.MdFormatBold; } });
-Object.defineProperty(exports, "EditorIconItalic", { enumerable: true, get: function () { return md_1.MdFormatItalic; } });
-exports.EditorRoot = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), styles_1.inputBorder, styles_1.inputFocus);
-exports.EditorBarRoot = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  /* background: var(--grey900); */\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  /* background: var(--grey900); */\n"])));
-exports.EditorBarBtn = (0, styled_components_1.default)(IconButton_1.IconButton)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject([""], [""])));
-exports.EditorGlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  .ProseMirror {\n    ", "\n    \n    &:focus {\n      outline:none;\n    }\n\n    > *:first-child {\n      margin-top: 0;\n    }\n  }\n"], ["\n  .ProseMirror {\n    ", "\n    \n    &:focus {\n      outline:none;\n    }\n\n    > *:first-child {\n      margin-top: 0;\n    }\n  }\n"])), styles_1.inputPadding);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    EditorIconBold: function() {
+        return _md.MdFormatBold;
+    },
+    EditorIconItalic: function() {
+        return _md.MdFormatItalic;
+    },
+    EditorRoot: function() {
+        return EditorRoot;
+    },
+    EditorBarRoot: function() {
+        return EditorBarRoot;
+    },
+    EditorBarBtn: function() {
+        return EditorBarBtn;
+    },
+    EditorGlobalStyles: function() {
+        return EditorGlobalStyles;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard._(require("styled-components"));
+const _IconButton = require("../Buttons/IconButton");
+const _styles = require("../Forms/styles");
+const _md = require("react-icons/md");
+const EditorRoot = _styledcomponents.default.div`
+  ${_styles.inputBorder}
+  ${_styles.inputFocus}
+`;
+const EditorBarRoot = _styledcomponents.default.div`
+  display: flex;
+  justify-content: flex-end;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  /* background: var(--grey900); */
+`;
+const EditorBarBtn = (0, _styledcomponents.default)(_IconButton.IconButton)``;
+const EditorGlobalStyles = (0, _styledcomponents.createGlobalStyle)`
+  .ProseMirror {
+    ${_styles.inputPadding}
+    
+    &:focus {
+      outline:none;
+    }
+
+    > *:first-child {
+      margin-top: 0;
+    }
+  }
+`;

package/Editor/components.mjs

@@ -1,10 +1,28 @@
-import { __makeTemplateObject } from "tslib";
 import styled, { createGlobalStyle } from "styled-components";
 import { IconButton } from "../Buttons/IconButton";
-import { inputPadding, inputBorder, inputFocus } from "../Forms/styles";
-export { MdFormatBold as EditorIconBold, MdFormatItalic as EditorIconItalic, } from "react-icons/md";
-export var EditorRoot = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), inputBorder, inputFocus);
-export var EditorBarRoot = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  /* background: var(--grey900); */\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  /* background: var(--grey900); */\n"])));
-export var EditorBarBtn = styled(IconButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
-export var EditorGlobalStyles = createGlobalStyle(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  .ProseMirror {\n    ", "\n    \n    &:focus {\n      outline:none;\n    }\n\n    > *:first-child {\n      margin-top: 0;\n    }\n  }\n"], ["\n  .ProseMirror {\n    ", "\n    \n    &:focus {\n      outline:none;\n    }\n\n    > *:first-child {\n      margin-top: 0;\n    }\n  }\n"])), inputPadding);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+import { inputBorder, inputFocus, inputPadding } from "../Forms/styles";
+export { MdFormatBold as EditorIconBold, MdFormatItalic as EditorIconItalic } from "react-icons/md";
+export const EditorRoot = styled.div`
+  ${inputBorder}
+  ${inputFocus}
+`;
+export const EditorBarRoot = styled.div`
+  display: flex;
+  justify-content: flex-end;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  /* background: var(--grey900); */
+`;
+export const EditorBarBtn = styled(IconButton)``;
+export const EditorGlobalStyles = createGlobalStyle`
+  .ProseMirror {
+    ${inputPadding}
+    
+    &:focus {
+      outline:none;
+    }
+
+    > *:first-child {
+      margin-top: 0;
+    }
+  }
+`;

package/Editor/index.js

@@ -1,4 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Editor--tiptap"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Editor--tiptap"), exports);

package/FaviconTags.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FaviconTags: function() {
+        return FaviconTags;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const FaviconTags = ({ name, color, safariTabColor, tileColor, themeColor })=>{
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", {
+        rel: "shortcut icon",
+        href: "/favicon.ico",
+        type: "image/x-icon"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "apple-touch-icon",
+        sizes: "180x180",
+        href: "/apple-touch-icon.png"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "icon",
+        type: "image/png",
+        sizes: "32x32",
+        href: "/favicon-32x32.png"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "icon",
+        type: "image/png",
+        sizes: "16x16",
+        href: "/favicon-16x16.png"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "manifest",
+        href: "/site.webmanifest"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "mask-icon",
+        href: "/safari-pinned-tab.svg",
+        color: safariTabColor || color
+    }), /*#__PURE__*/ React.createElement("meta", {
+        name: "apple-mobile-web-app-title",
+        content: name
+    }), /*#__PURE__*/ React.createElement("meta", {
+        name: "application-name",
+        content: name
+    }), /*#__PURE__*/ React.createElement("meta", {
+        name: "msapplication-TileColor",
+        content: tileColor || color
+    }), /*#__PURE__*/ React.createElement("meta", {
+        name: "theme-color",
+        content: themeColor || color
+    }));
+};
+const _default = FaviconTags;

package/FaviconTags.mjs

@@ -0,0 +1,50 @@
+/**
+ * Favicon tags.
+ *
+ * This component is meant to be wrapped in a `<head>` manager component.
+ *
+ * These tags have been produced by [realfavicongenerator.net](https://realfavicongenerator.net/)
+ * on _**16 Feb 2022**_.
+ *
+ * @see https://realfavicongenerator.net/
+ */ export const FaviconTags = ({ name, color, safariTabColor, tileColor, themeColor })=>{
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", {
+        rel: "shortcut icon",
+        href: "/favicon.ico",
+        type: "image/x-icon"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "apple-touch-icon",
+        sizes: "180x180",
+        href: "/apple-touch-icon.png"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "icon",
+        type: "image/png",
+        sizes: "32x32",
+        href: "/favicon-32x32.png"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "icon",
+        type: "image/png",
+        sizes: "16x16",
+        href: "/favicon-16x16.png"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "manifest",
+        href: "/site.webmanifest"
+    }), /*#__PURE__*/ React.createElement("link", {
+        rel: "mask-icon",
+        href: "/safari-pinned-tab.svg",
+        color: safariTabColor || color
+    }), /*#__PURE__*/ React.createElement("meta", {
+        name: "apple-mobile-web-app-title",
+        content: name
+    }), /*#__PURE__*/ React.createElement("meta", {
+        name: "application-name",
+        content: name
+    }), /*#__PURE__*/ React.createElement("meta", {
+        name: "msapplication-TileColor",
+        content: tileColor || color
+    }), /*#__PURE__*/ React.createElement("meta", {
+        name: "theme-color",
+        content: themeColor || color
+    }));
+};
+export default FaviconTags;

package/Form/Form.js

@@ -1,65 +1,113 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineForm = exports.Form = exports.Fail = exports.Ok = exports.Collapsable = exports.Progress = exports.Overlay = exports.Root = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-// import type { MotionProps } from "framer-motion";
-var helpers_1 = require("../helpers");
-exports.Root = "form";
-exports.Overlay = "div";
-exports.Progress = "div";
-exports.Collapsable = "div";
-exports.Ok = null;
-exports.Fail = null;
-var Form = function (_a) {
-    var _Root = _a.Root, _Overlay = _a.Overlay, _Progress = _a.Progress, _Collapsable = _a.Collapsable, ok = _a.ok, fail = _a.fail, loading = _a.loading, _Ok = _a.Ok, _b = _a.okProps, okProps = _b === void 0 ? {
-        children: "Sent!",
-    } : _b, _Fail = _a.Fail, _c = _a.failProps, failProps = _c === void 0 ? {
-        children: "Failed.",
-    } : _c, collapseOnOk = _a.collapseOnOk, collapseOnFail = _a.collapseOnFail, _d = _a.okTimeout, okTimeout = _d === void 0 ? 3000 : _d, _e = _a.failTimeout, failTimeout = _e === void 0 ? 3000 : _e, children = _a.children, props = tslib_1.__rest(_a, ["Root", "Overlay", "Progress", "Collapsable", "ok", "fail", "loading", "Ok", "okProps", "Fail", "failProps", "collapseOnOk", "collapseOnFail", "okTimeout", "failTimeout", "children"]);
-    var _f = (0, react_1.useState)(""), open = _f[0], setOpen = _f[1];
-    var commonProps = {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Root: function() {
+        return Root;
+    },
+    Overlay: function() {
+        return Overlay;
+    },
+    Progress: function() {
+        return Progress;
+    },
+    Collapsable: function() {
+        return Collapsable;
+    },
+    Ok: function() {
+        return Ok;
+    },
+    Fail: function() {
+        return Fail;
+    },
+    Form: function() {
+        return Form;
+    },
+    KoineForm: function() {
+        return KoineForm;
+    }
+});
+const _react = require("react");
+const _helpers = require("../helpers");
+const Root = "form";
+const Overlay = "div";
+const Progress = "div";
+const Collapsable = "div";
+const Ok = null;
+const Fail = null;
+const Form = ({ Root: _Root, Overlay: _Overlay, Progress: _Progress, Collapsable: _Collapsable, ok, fail, loading, Ok: _Ok, okProps = {
+    children: "Sent!"
+}, Fail: _Fail, failProps = {
+    children: "Failed."
+}, collapseOnOk, collapseOnFail, okTimeout = 3000, failTimeout = 3000, children, ...props })=>{
+    const [open, setOpen] = (0, _react.useState)("");
+    const commonProps = {
         head: null,
         components: {
-            HeadIcon: null,
-        },
+            HeadIcon: null
+        }
     };
-    (0, react_1.useEffect)(function () {
+    (0, _react.useEffect)(()=>{
         if (!loading) {
-            if (ok)
-                setOpen("ok");
-            else if (fail)
-                setOpen("fail");
+            if (ok) setOpen("ok");
+            else if (fail) setOpen("fail");
         }
-    }, [ok, fail, loading]);
-    (0, react_1.useEffect)(function () {
-        var timeout;
+    }, [
+        ok,
+        fail,
+        loading
+    ]);
+    (0, _react.useEffect)(()=>{
+        let timeout;
         if (open === "fail" && failTimeout) {
-            timeout = setTimeout(function () { return setOpen(""); }, failTimeout);
+            timeout = setTimeout(()=>setOpen(""), failTimeout);
+        } else if (open === "ok" && okTimeout) {
+            timeout = setTimeout(()=>setOpen(""), okTimeout);
         }
-        else if (open === "ok" && okTimeout) {
-            timeout = setTimeout(function () { return setOpen(""); }, okTimeout);
-        }
-        return function () {
+        return ()=>{
             if (timeout) {
                 clearTimeout(timeout);
             }
         };
-    }, [open, failTimeout, okTimeout]);
-    var formExpanded = true;
-    if (collapseOnFail && fail)
-        formExpanded = false;
-    if (collapseOnOk && ok)
-        formExpanded = false;
-    return ((0, jsx_runtime_1.jsxs)(exports.Root, tslib_1.__assign({ method: "post", noValidate: true }, props, { children: [(0, jsx_runtime_1.jsx)(exports.Collapsable, tslib_1.__assign({}, commonProps, { "$open": formExpanded, recalc: loading, body: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, loading && ((0, jsx_runtime_1.jsx)(exports.Overlay, { children: (0, jsx_runtime_1.jsx)(exports.Progress, {}) }))] }) })), (0, jsx_runtime_1.jsx)(exports.Collapsable, tslib_1.__assign({}, commonProps, { "$open": open === "ok" && !loading, body: (0, jsx_runtime_1.jsx)(exports.Ok, tslib_1.__assign({}, okProps)) })), (0, jsx_runtime_1.jsx)(exports.Collapsable, tslib_1.__assign({}, commonProps, { "$open": open === "fail" && !loading, body: (0, jsx_runtime_1.jsx)(exports.Fail, tslib_1.__assign({}, failProps)) }))] })));
+    }, [
+        open,
+        failTimeout,
+        okTimeout
+    ]);
+    let formExpanded = true;
+    if (collapseOnFail && fail) formExpanded = false;
+    if (collapseOnOk && ok) formExpanded = false;
+    return /*#__PURE__*/ React.createElement(Root, {
+        method: "post",
+        noValidate: true,
+        ...props
+    }, /*#__PURE__*/ React.createElement(Collapsable, {
+        ...commonProps,
+        $open: formExpanded,
+        recalc: loading,
+        body: /*#__PURE__*/ React.createElement(React.Fragment, null, children, loading && /*#__PURE__*/ React.createElement(Overlay, null, /*#__PURE__*/ React.createElement(Progress, null)))
+    }), /*#__PURE__*/ React.createElement(Collapsable, {
+        ...commonProps,
+        $open: open === "ok" && !loading,
+        body: /*#__PURE__*/ React.createElement(Ok, okProps)
+    }), /*#__PURE__*/ React.createElement(Collapsable, {
+        ...commonProps,
+        $open: open === "fail" && !loading,
+        body: /*#__PURE__*/ React.createElement(Fail, failProps)
+    }));
 };
-exports.Form = Form;
-exports.KoineForm = (0, helpers_1.extendComponent)(exports.Form, {
-    Root: exports.Root,
-    Overlay: exports.Overlay,
-    Progress: exports.Progress,
-    Collapsable: exports.Collapsable,
-    Ok: exports.Ok,
-    Fail: exports.Fail,
-});
+const KoineForm = (0, _helpers.extendComponent)(Form, {
+    Root,
+    Overlay,
+    Progress,
+    Collapsable,
+    Ok,
+    Fail
+}); // export default Form;

package/Form/Form.mjs

@@ -1,61 +1,78 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 // import type { MotionProps } from "framer-motion";
-import { extendComponent, } from "../helpers";
-export var Root = "form";
-export var Overlay = "div";
-export var Progress = "div";
-export var Collapsable = "div";
-export var Ok = null;
-export var Fail = null;
-export var Form = function (_a) {
-    var _Root = _a.Root, _Overlay = _a.Overlay, _Progress = _a.Progress, _Collapsable = _a.Collapsable, ok = _a.ok, fail = _a.fail, loading = _a.loading, _Ok = _a.Ok, _b = _a.okProps, okProps = _b === void 0 ? {
-        children: "Sent!",
-    } : _b, _Fail = _a.Fail, _c = _a.failProps, failProps = _c === void 0 ? {
-        children: "Failed.",
-    } : _c, collapseOnOk = _a.collapseOnOk, collapseOnFail = _a.collapseOnFail, _d = _a.okTimeout, okTimeout = _d === void 0 ? 3000 : _d, _e = _a.failTimeout, failTimeout = _e === void 0 ? 3000 : _e, children = _a.children, props = __rest(_a, ["Root", "Overlay", "Progress", "Collapsable", "ok", "fail", "loading", "Ok", "okProps", "Fail", "failProps", "collapseOnOk", "collapseOnFail", "okTimeout", "failTimeout", "children"]);
-    var _f = useState(""), open = _f[0], setOpen = _f[1];
-    var commonProps = {
+import { extendComponent } from "../helpers";
+export const Root = "form";
+export const Overlay = "div";
+export const Progress = "div";
+export const Collapsable = "div";
+export const Ok = null;
+export const Fail = null;
+export const Form = ({ Root: _Root, Overlay: _Overlay, Progress: _Progress, Collapsable: _Collapsable, ok, fail, loading, Ok: _Ok, okProps = {
+    children: "Sent!"
+}, Fail: _Fail, failProps = {
+    children: "Failed."
+}, collapseOnOk, collapseOnFail, okTimeout = 3000, failTimeout = 3000, children, ...props })=>{
+    const [open, setOpen] = useState("");
+    const commonProps = {
         head: null,
         components: {
-            HeadIcon: null,
-        },
+            HeadIcon: null
+        }
     };
-    useEffect(function () {
+    useEffect(()=>{
         if (!loading) {
-            if (ok)
-                setOpen("ok");
-            else if (fail)
-                setOpen("fail");
+            if (ok) setOpen("ok");
+            else if (fail) setOpen("fail");
         }
-    }, [ok, fail, loading]);
-    useEffect(function () {
-        var timeout;
+    }, [
+        ok,
+        fail,
+        loading
+    ]);
+    useEffect(()=>{
+        let timeout;
         if (open === "fail" && failTimeout) {
-            timeout = setTimeout(function () { return setOpen(""); }, failTimeout);
-        }
-        else if (open === "ok" && okTimeout) {
-            timeout = setTimeout(function () { return setOpen(""); }, okTimeout);
+            timeout = setTimeout(()=>setOpen(""), failTimeout);
+        } else if (open === "ok" && okTimeout) {
+            timeout = setTimeout(()=>setOpen(""), okTimeout);
         }
-        return function () {
+        return ()=>{
             if (timeout) {
                 clearTimeout(timeout);
             }
         };
-    }, [open, failTimeout, okTimeout]);
-    var formExpanded = true;
-    if (collapseOnFail && fail)
-        formExpanded = false;
-    if (collapseOnOk && ok)
-        formExpanded = false;
-    return (_jsxs(Root, __assign({ method: "post", noValidate: true }, props, { children: [_jsx(Collapsable, __assign({}, commonProps, { "$open": formExpanded, recalc: loading, body: _jsxs(_Fragment, { children: [children, loading && (_jsx(Overlay, { children: _jsx(Progress, {}) }))] }) })), _jsx(Collapsable, __assign({}, commonProps, { "$open": open === "ok" && !loading, body: _jsx(Ok, __assign({}, okProps)) })), _jsx(Collapsable, __assign({}, commonProps, { "$open": open === "fail" && !loading, body: _jsx(Fail, __assign({}, failProps)) }))] })));
+    }, [
+        open,
+        failTimeout,
+        okTimeout
+    ]);
+    let formExpanded = true;
+    if (collapseOnFail && fail) formExpanded = false;
+    if (collapseOnOk && ok) formExpanded = false;
+    return /*#__PURE__*/ React.createElement(Root, {
+        method: "post",
+        noValidate: true,
+        ...props
+    }, /*#__PURE__*/ React.createElement(Collapsable, {
+        ...commonProps,
+        $open: formExpanded,
+        recalc: loading,
+        body: /*#__PURE__*/ React.createElement(React.Fragment, null, children, loading && /*#__PURE__*/ React.createElement(Overlay, null, /*#__PURE__*/ React.createElement(Progress, null)))
+    }), /*#__PURE__*/ React.createElement(Collapsable, {
+        ...commonProps,
+        $open: open === "ok" && !loading,
+        body: /*#__PURE__*/ React.createElement(Ok, okProps)
+    }), /*#__PURE__*/ React.createElement(Collapsable, {
+        ...commonProps,
+        $open: open === "fail" && !loading,
+        body: /*#__PURE__*/ React.createElement(Fail, failProps)
+    }));
 };
-export var KoineForm = extendComponent(Form, {
-    Root: Root,
-    Overlay: Overlay,
-    Progress: Progress,
-    Collapsable: Collapsable,
-    Ok: Ok,
-    Fail: Fail,
-});
+export const KoineForm = extendComponent(Form, {
+    Root,
+    Overlay,
+    Progress,
+    Collapsable,
+    Ok,
+    Fail
+}); // export default Form;

package/Form/index.js

@@ -1,4 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Form"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Form"), exports);

package/Form/sc/bare.js

@@ -1,23 +1,55 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineForm = exports.Feedback = exports.Overlay = exports.Root = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var styled_1 = require("../../styles/styled");
-var Collapsable_1 = require("../../Collapsable");
-var Progress_1 = require("../../Progress");
-var Alert_1 = require("../../Alert");
-var helpers_1 = require("../../helpers");
-var _ = tslib_1.__importStar(require("../Form"));
-exports.Root = (0, styled_components_1.default)(_.Root)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-exports.Overlay = (0, styled_components_1.default)(_.Overlay)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  z-index: 4;\n  ", "\n  ", "\n  background: rgba(var(--bodyBg--rgb),.8);\n  pointer-events: none;\n  backdrop-filter: blur(2px);\n"], ["\n  z-index: 4;\n  ", "\n  ", "\n  background: rgba(var(--bodyBg--rgb),.8);\n  pointer-events: none;\n  backdrop-filter: blur(2px);\n"])), styled_1.overlay, styled_1.centered);
-exports.Feedback = (0, styled_components_1.default)(Alert_1.Alert)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  padding: 2em 0;\n"], ["\n  padding: 2em 0;\n"])));
-exports.KoineForm = (0, helpers_1.extendComponent)(_.KoineForm, {
-    Root: exports.Root,
-    Overlay: exports.Overlay,
-    Progress: Progress_1.ProgressCircular,
-    Collapsable: Collapsable_1.Collapsable,
-    Ok: exports.Feedback,
-    Fail: exports.Feedback,
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Root: function() {
+        return Root;
+    },
+    Overlay: function() {
+        return Overlay;
+    },
+    Feedback: function() {
+        return Feedback;
+    },
+    KoineForm: function() {
+        return KoineForm;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
+const _Alert = require("../../Alert");
+const _Collapsable = require("../../Collapsable");
+const _Progress = require("../../Progress");
+const _helpers = require("../../helpers");
+const _styled = require("../../styles/styled");
+const _Form = /*#__PURE__*/ _interop_require_wildcard._(require("../Form"));
+const Root = (0, _styledcomponents.default)(_Form.Root)`
+  position: relative;
+`;
+const Overlay = (0, _styledcomponents.default)(_Form.Overlay)`
+  z-index: 4;
+  ${_styled.overlay}
+  ${_styled.centered}
+  background: rgba(var(--bodyBg--rgb),.8);
+  pointer-events: none;
+  backdrop-filter: blur(2px);
+`;
+const Feedback = (0, _styledcomponents.default)(_Alert.Alert)`
+  padding: 2em 0;
+`;
+const KoineForm = (0, _helpers.extendComponent)(_Form.KoineForm, {
+    Root,
+    Overlay,
+    Progress: _Progress.ProgressCircular,
+    Collapsable: _Collapsable.Collapsable,
+    Ok: Feedback,
+    Fail: Feedback
 });
-var templateObject_1, templateObject_2, templateObject_3;