@koine/react 1.0.9 → 1.0.10

package/node/Dialog/tw/material.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineDialog = exports.Body = exports.Header = exports.Close = exports.Paper = exports.Container = exports.Backdrop = exports.Root = void 0;
-const helpers_1 = require("../../helpers");
-const bare_1 = require("./bare");
-exports.Root = (0, helpers_1.classed)(bare_1.KoineDialog.Root) ``;
-exports.Backdrop = (0, helpers_1.classed)(bare_1.KoineDialog.Backdrop) `< class="bg-black/[.5] backdrop-blur-sm`;
-exports.Container = (0, helpers_1.classed)(bare_1.KoineDialog.Container) ``;
-exports.Paper = (0, helpers_1.classed)(bare_1.KoineDialog.Paper) `< class="rounded bg-white shadow-xl m-8 max-w-screen-sm`;
-exports.Close = (0, helpers_1.classed)(bare_1.KoineDialog.Close) `< class="absolute top-0 right-0 p-4 text-2xl opacity-50`;
-exports.Header = (0, helpers_1.classed)(bare_1.KoineDialog.Header) `< class="p-4 text-xl`;
-exports.Body = (0, helpers_1.classed)(bare_1.KoineDialog.Body) `< class="p-4 border-t border-gray-200`;
-exports.KoineDialog = (0, helpers_1.extendComponent)(bare_1.KoineDialog, {
-    Root: exports.Root,
-    Backdrop: exports.Backdrop,
-    Container: exports.Container,
-    Paper: exports.Paper,
-    Close: exports.Close,
-    Header: exports.Header,
-    Body: exports.Body,
-});

package/node/Editor/Editor--tiptap.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor = exports.EditorBar = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@tiptap/react");
-const starter_kit_1 = tslib_1.__importDefault(require("@tiptap/starter-kit"));
-const components_1 = require("./components");
-const EditorBar = ({ editor }) => {
-    const handleClick = (0, react_1.useCallback)((e, type) => {
-        e.preventDefault();
-        editor?.chain().focus()[`toggle${type}`]().run();
-    }, [editor]);
-    if (!editor) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)(components_1.EditorBarRoot, { children: [(0, jsx_runtime_1.jsx)(components_1.EditorBarBtn, { onClick: (e) => handleClick(e, "Bold"), className: editor.isActive("bold") ? "is-active" : "", children: (0, jsx_runtime_1.jsx)(components_1.EditorIconBold, {}) }), (0, jsx_runtime_1.jsx)(components_1.EditorBarBtn, { onClick: (e) => handleClick(e, "Italic"), className: editor.isActive("bold") ? "is-active" : "", children: (0, jsx_runtime_1.jsx)(components_1.EditorIconItalic, {}) })] }));
-};
-exports.EditorBar = EditorBar;
-const Editor = ({ options, ...props }) => {
-    const editor = (0, react_2.useEditor)({
-        extensions: [starter_kit_1.default],
-        content: "",
-        ...(options || {}),
-    });
-    return ((0, jsx_runtime_1.jsxs)(components_1.EditorRoot, { children: [(0, jsx_runtime_1.jsx)(components_1.EditorGlobalStyles, {}), (0, jsx_runtime_1.jsx)(exports.EditorBar, { editor: editor }), (0, jsx_runtime_1.jsx)(react_2.EditorContent, { className: "EditorContent", editor: editor, ...props })] }));
-};
-exports.Editor = Editor;

package/node/Editor/components.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorGlobalStyles = exports.EditorBarBtn = exports.EditorBarRoot = exports.EditorRoot = exports.EditorIconItalic = exports.EditorIconBold = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importStar(require("styled-components"));
-const IconButton_1 = require("../Buttons/IconButton");
-const 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 `
-  ${styles_1.inputBorder}
-  ${styles_1.inputFocus}
-`;
-exports.EditorBarRoot = styled_components_1.default.div `
-  display: flex;
-  justify-content: flex-end;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  /* background: var(--grey900); */
-`;
-exports.EditorBarBtn = (0, styled_components_1.default)(IconButton_1.IconButton) ``;
-exports.EditorGlobalStyles = (0, styled_components_1.createGlobalStyle) `
-  .ProseMirror {
-    ${styles_1.inputPadding}
-    
-    &:focus {
-      outline:none;
-    }
-
-    > *:first-child {
-      margin-top: 0;
-    }
-  }
-`;

package/node/Editor/index.js

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

package/node/Favicon/FaviconTags.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FaviconTags = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * 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/
- */
-const FaviconTags = ({ name, color, safariTabColor, tileColor, themeColor, }) => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("link", { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" }), (0, jsx_runtime_1.jsx)("link", { rel: "manifest", href: "/site.webmanifest" }), (0, jsx_runtime_1.jsx)("link", { rel: "mask-icon", href: "/safari-pinned-tab.svg", color: safariTabColor || color }), (0, jsx_runtime_1.jsx)("meta", { name: "apple-mobile-web-app-title", content: name }), (0, jsx_runtime_1.jsx)("meta", { name: "application-name", content: name }), (0, jsx_runtime_1.jsx)("meta", { name: "msapplication-TileColor", content: tileColor || color }), (0, jsx_runtime_1.jsx)("meta", { name: "theme-color", content: themeColor || color })] }));
-};
-exports.FaviconTags = FaviconTags;

package/node/Favicon/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FaviconTags"), exports);

package/node/Forms/Checkbox/Checkbox.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = exports.CheckboxLabel = exports.CheckboxIndicator = exports.CheckboxToggle = exports.CheckboxRoot = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const Toggle_1 = require("../Toggle");
-const useToggle_1 = require("../Toggle/useToggle");
-exports.CheckboxRoot = styled_components_1.default.label `
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-`;
-exports.CheckboxToggle = (0, styled_components_1.default)(Toggle_1.Toggle) `
-  pointer-events: none;
-`;
-exports.CheckboxIndicator = (0, styled_components_1.default)(Toggle_1.ToggleIndicatorSquared) ``;
-exports.CheckboxLabel = (0, styled_components_1.default)(Toggle_1.ToggleLabel) `
-  font-size: 0.8em;
-`;
-/**
- * All logic and invisible Inputs come from the `useToggle` hook
- */
-exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(props, ref) {
-    const { rootProps, Inputs, label } = (0, useToggle_1.useToggle)(props, ref);
-    return ((0, jsx_runtime_1.jsxs)(exports.CheckboxRoot, { ...rootProps, children: [(0, jsx_runtime_1.jsxs)(exports.CheckboxToggle, { children: [Inputs, (0, jsx_runtime_1.jsx)(exports.CheckboxIndicator, {})] }), label && (0, jsx_runtime_1.jsx)(exports.CheckboxLabel, { children: label })] }));
-});

package/node/Forms/Checkbox/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Checkbox"), exports);

package/node/Forms/Feedback/Feedback.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Feedback = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const Root = styled_components_1.default.div `
-  margin-top: 0.2em;
-  font-size: 12px;
-  ${(p) => (p.$danger ? `color: var(--danger);` : "")}
-`;
-const Feedback = ({ $danger, children }) => {
-    return ((0, jsx_runtime_1.jsx)(Root, { role: "alert", "$danger": $danger, children: children }));
-};
-exports.Feedback = Feedback;

package/node/Forms/Feedback/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Feedback"), exports);

package/node/Forms/Field/Field.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Field = exports.FieldRoot = exports.FieldBase = exports.field = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = tslib_1.__importStar(require("styled-components"));
-const Feedback_1 = require("../Feedback");
-exports.field = (0, styled_components_1.css) `
-  padding-bottom: 20px;
-`;
-exports.FieldBase = styled_components_1.default.div `
-  ${exports.field}
-`;
-exports.FieldRoot = (0, styled_components_1.default)(exports.FieldBase) `
-  ${(p) => {
-    return (p.$danger &&
-        `
-    color: var(--danger);
-    
-    textarea,
-    input,
-    select {
-      color: var(--danger);
-    }
-  `);
-}}
-`;
-/**
- * Yup's errors produce by these validations:
- *
- * ```
- * email: string().email().required(),
- * name: string().required()
- * ```
- *
- * determine the `error.type` of the `FieldError` to be "required" and "email".
- * We assume these as standard translations keys without needing to pass
- * a string into the validation, e.g. `required("mySpecialKey")`.
- */
-const YUP_ERROR_TYPES_AS_KEYS = {
-    required: 1,
-    email: 1,
-};
-const Field = ({ name, t, error, errors, children, ...props }) => {
-    const err = errors && name ? errors[name] : error;
-    let msg = "";
-    if (err) {
-        if (name && t && err.type !== "plain") {
-            const translationKey = err.type && YUP_ERROR_TYPES_AS_KEYS[err.type] ? err.type : "";
-            msg = t(`errors.${name}.${translationKey || err.message}`);
-        }
-        else {
-            msg = err.message;
-        }
-    }
-    // dynamic i18n namespace loading does not seem to work yet
-    // const t = useT("core.Forms");
-    // const { locale } = useRouter();
-    // useEffect(() => {
-    //   i18n.addResourceBundle(locale, "core.Forms", null);
-    // }, []);
-    return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { "$danger": !!err, ...props, children: [children, msg && (0, jsx_runtime_1.jsx)(Feedback_1.Feedback, { "$danger": true, children: msg })] }));
-};
-exports.Field = Field;

package/node/Forms/Field/FieldControl.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldControl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const utils_1 = require("@koine/utils");
-const Field_1 = require("./Field");
-const FieldHint_1 = require("./FieldHint");
-const styles_1 = require("../styles");
-/**
- *
- * - it expects the `field` object from our `useForm` wrapper around react-hook-form
- * - automatically get translated strings from the given `t` function` for the
- * field `label`, `placeholder` and `errors`. The .json expected by the `t` function
- * look like this:
- *
- * ```json
- * ```
- */
-const FieldControl = ({ control, register, setValue, name: maybeEncodedName, label, placeholder, hint, t, showError = true, children, encode, ...props }) => {
-    const name = encode ? (0, utils_1.decode)(maybeEncodedName) : maybeEncodedName;
-    const { errors } = (0, react_hook_form_1.useFormState)({ name, control });
-    const error = showError && errors[name] ? errors[name] : null;
-    const FormFieldContent = (0, react_1.useMemo)(() => children({
-        control,
-        register,
-        setValue,
-        name: maybeEncodedName,
-        // @see https://github.com/vinissimus/next-translate/pull/461
-        // @see https://github.com/vinissimus/next-translate/issues/429
-        label: label || t(`labels.${name}`, undefined, { default: "" }),
-        placeholder: placeholder || t(`placeholders.${name}`, undefined, { fallback: "" }),
-    }), [
-        children,
-        control,
-        register,
-        setValue,
-        name,
-        label,
-        t,
-        maybeEncodedName,
-        placeholder,
-    ]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Field_1.Field, { name: maybeEncodedName, t: t, error: error, ...props, children: [FormFieldContent, hint && (0, jsx_runtime_1.jsx)(FieldHint_1.FieldHint, { children: hint })] }), encode && register && (0, jsx_runtime_1.jsx)(styles_1.InputHoneypot, { ...register(name) })] }));
-};
-exports.FieldControl = FieldControl;

package/node/Forms/Field/FieldHint.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldHint = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.FieldHint = styled_components_1.default.div `
-  padding-top: 0.6em;
-  opacity: 0.7;
-  font-size: 75%;
-`;

package/node/Forms/Field/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Field"), exports);
-tslib_1.__exportStar(require("./FieldControl"), exports);

package/node/Forms/Form/Form.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = exports.FormFeedback = exports.FormOverlay = exports.FormRoot = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const styled_1 = require("../../styles/styled");
-const Collapsable_1 = require("../../Collapsable");
-const Progress_1 = require("../../Progress");
-const Alert_1 = require("../../Alert");
-exports.FormRoot = styled_components_1.default.form `
-  position: relative;
-`;
-exports.FormOverlay = styled_components_1.default.div `
-  z-index: 4;
-  ${styled_1.overlay}
-  ${styled_1.centered}
-  background: rgba(var(--bodyBg--rgb),.8);
-  pointer-events: none;
-  backdrop-filter: blur(2px);
-`;
-exports.FormFeedback = (0, styled_components_1.default)(Alert_1.Alert) `
-  padding: 2em 0;
-`;
-const Form = ({ ok, fail, loading, Ok = exports.FormFeedback, okProps = {
-    children: "Sent!",
-}, Fail = exports.FormFeedback, failProps = {
-    children: "Failed.",
-}, collapseOnOk, collapseOnFail, okTimeout = 3000, failTimeout = 3000, children, ...props }) => {
-    const [expanded, setExpanded] = (0, react_1.useState)("");
-    const commonProps = {
-        head: null,
-        components: {
-            HeadIcon: null,
-        },
-    };
-    (0, react_1.useEffect)(() => {
-        if (!loading) {
-            if (ok)
-                setExpanded("ok");
-            else if (fail)
-                setExpanded("fail");
-        }
-    }, [ok, fail, loading]);
-    (0, react_1.useEffect)(() => {
-        let timeout;
-        if (expanded === "fail" && failTimeout) {
-            timeout = setTimeout(() => setExpanded(""), failTimeout);
-        }
-        else if (expanded === "ok" && okTimeout) {
-            timeout = setTimeout(() => setExpanded(""), okTimeout);
-        }
-        return () => {
-            if (timeout) {
-                clearTimeout(timeout);
-            }
-        };
-    }, [expanded, failTimeout, okTimeout]);
-    let formExpanded = true;
-    if (collapseOnFail && fail)
-        formExpanded = false;
-    if (collapseOnOk && ok)
-        formExpanded = false;
-    return ((0, jsx_runtime_1.jsxs)(exports.FormRoot, { method: "post", noValidate: true, ...props, children: [(0, jsx_runtime_1.jsx)(Collapsable_1.Collapsable, { ...commonProps, expanded: formExpanded, recalc: loading, body: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, loading && ((0, jsx_runtime_1.jsx)(exports.FormOverlay, { children: (0, jsx_runtime_1.jsx)(Progress_1.ProgressCircular, { size: "2em", color: "var(--accent300)" }) }))] }) }), (0, jsx_runtime_1.jsx)(Collapsable_1.Collapsable, { ...commonProps, expanded: expanded === "ok" && !loading, body: (0, jsx_runtime_1.jsx)(Ok, { ...okProps }) }), (0, jsx_runtime_1.jsx)(Collapsable_1.Collapsable, { ...commonProps, expanded: expanded === "fail" && !loading, body: (0, jsx_runtime_1.jsx)(Fail, { ...failProps }) })] }));
-};
-exports.Form = Form;

package/node/Forms/Form/index.js

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

package/node/Forms/Input/Input.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = exports.InputNative = exports.InputPost = exports.InputPre = exports.InputMain = exports.InputWrap = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const Label_1 = require("../Label/Label");
-const styles_1 = require("../styles");
-exports.InputWrap = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-exports.InputMain = styled_components_1.default.div `
-  flex: 1;
-`;
-exports.InputPre = styled_components_1.default.div ``;
-exports.InputPost = styled_components_1.default.div ``;
-exports.InputNative = styled_components_1.default.input `
-  ${styles_1.inputBase}
-  ${styles_1.inputFocus}
-`;
-exports.Input = (0, react_1.forwardRef)(function Input({ register, name, label, ...props }, ref) {
-    // console.log("Input: render");
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { children: label }), (0, jsx_runtime_1.jsx)(exports.InputNative, { ...(register ? register(name) : { name, ref }), ...props })] }));
-});

package/node/Forms/Input/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Input"), exports);

package/node/Forms/InputGroup/InputGroup.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputGroup = exports.InputGroupButtonPost = exports.InputGroupButtonPre = exports.InputGroupMain = exports.InputGroupRoot = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const Buttons_1 = require("../../Buttons");
-const Field_1 = require("../Field");
-const media_1 = require("../../styles/media");
-exports.InputGroupRoot = styled_components_1.default.div `
-  ${Field_1.field}
-  display: flex;
-  ${media_1.max.sm} {
-    flex-direction: column;
-  }
-`;
-exports.InputGroupMain = styled_components_1.default.div `
-  flex: 1;
-`;
-exports.InputGroupButtonPre = (0, styled_components_1.default)(Buttons_1.KoineButton) `
-  ${media_1.max.sm} {
-    border-bottom: 0;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  ${media_1.min.sm} {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-`;
-exports.InputGroupButtonPost = (0, styled_components_1.default)(Buttons_1.KoineButton) `
-  ${media_1.max.sm} {
-    border-top: 0;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-  ${media_1.min.sm} {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-`;
-const InputGroup = ({ pre, post, Button = Buttons_1.KoineButton, btnProps = {}, children, ...props }) => {
-    return ((0, jsx_runtime_1.jsxs)(exports.InputGroupRoot, { ...props, children: [pre && (0, jsx_runtime_1.jsx)(exports.InputGroupButtonPre, { as: Button, ...btnProps }), (0, jsx_runtime_1.jsx)(exports.InputGroupMain, { children: children }), post && (0, jsx_runtime_1.jsx)(exports.InputGroupButtonPost, { as: Button, ...btnProps })] }));
-};
-exports.InputGroup = InputGroup;

package/node/Forms/InputGroup/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./InputGroup"), exports);

package/node/Forms/Label/Label.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = exports.labelMaterial = exports.label = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.label = `
-  display: flex;
-  font-size: 13px;
-  cursor: pointer;
-`;
-exports.labelMaterial = `
-  z-index: 2;
-  position: relative;
-  display: inline-block;
-  padding: 0 5px;
-  font-weight: 100;
-  font-size: 10px;
-  background: var(--bodyBg);
-  transform: translateY(-0.3em) translateX(1em);
-  cursor: pointer;
-
-  + * {
-    margin-top: -1em;
-  }
-`;
-exports.Label = styled_components_1.default.label `
-  ${exports.labelMaterial}
-`;

package/node/Forms/Label/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Label"), exports);

package/node/Forms/Password/Password.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Password = exports.PasswordInputNative = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const im_1 = require("react-icons/im");
-const Label_1 = require("../Label/Label");
-const Input_1 = require("../Input/Input");
-const ICON_WIDTH = "2em";
-const PasswordInputWrap = styled_components_1.default.div `
-  position: relative;
-`;
-exports.PasswordInputNative = (0, styled_components_1.default)(Input_1.InputNative) `
-  position: relative;
-  padding-right: ${ICON_WIDTH};
-`;
-const PasswordIcon = styled_components_1.default.span `
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: ${ICON_WIDTH};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  opacity: 0.5;
-`;
-exports.Password = (0, react_1.forwardRef)(function Password({ register, name, label, ...props }, ref) {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { children: label }), (0, jsx_runtime_1.jsxs)(PasswordInputWrap, { children: [(0, jsx_runtime_1.jsx)(exports.PasswordInputNative, { type: visible ? "text" : "password", autoComplete: "new-password", ...(register ? register(name) : { name, ref }), ...props }), (0, jsx_runtime_1.jsx)(PasswordIcon, { onClick: () => setVisible((prev) => !prev), children: visible ? (0, jsx_runtime_1.jsx)(im_1.ImEyeBlocked, {}) : (0, jsx_runtime_1.jsx)(im_1.ImEye, {}) })] })] }));
-});

package/node/Forms/Password/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Password"), exports);

package/node/Forms/Radio/Radio.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const Label_1 = require("../Label/Label");
-const Toggle_1 = require("../Toggle");
-const styles_1 = require("../styles");
-const RadioRoot = styled_components_1.default.div ``;
-const RadioLabel = styled_components_1.default.div `
-  ${Label_1.label}
-`;
-const RadioOptionRoot = styled_components_1.default.label `
-  display: flex;
-  align-items: center;
-  padding: 0.05em;
-  cursor: pointer;
-`;
-const RadioToggle = (0, styled_components_1.default)(Toggle_1.Toggle) ``;
-const RadioIndicator = (0, styled_components_1.default)(Toggle_1.ToggleIndicatorSquared) ``;
-const RadioOptionLabel = (0, styled_components_1.default)(Toggle_1.ToggleLabel) ``;
-const RadioOption = (0, react_1.forwardRef)(function RadioOption({ register, name, label, $ref, ...props }, ref) {
-    const inputProps = register ? register(name) : { name, ref: $ref || ref };
-    return ((0, jsx_runtime_1.jsxs)(RadioOptionRoot, { children: [(0, jsx_runtime_1.jsxs)(RadioToggle, { children: [(0, jsx_runtime_1.jsx)(styles_1.InputInvisible, { type: "radio", ...inputProps, ...props }), (0, jsx_runtime_1.jsx)(RadioIndicator, {})] }), (0, jsx_runtime_1.jsx)(RadioOptionLabel, { children: label })] }));
-});
-exports.Radio = (0, react_1.forwardRef)(function Radio({ label, options, ...props }, ref) {
-    if (!options)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)(RadioRoot, { children: [label && (0, jsx_runtime_1.jsx)(RadioLabel, { children: label }), options.map((option, idx) => ((0, jsx_runtime_1.jsx)(RadioOption, { ...option, ...props, "$ref": ref }, idx)))] }));
-});

package/node/Forms/Radio/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Radio"), exports);

package/node/Forms/Switch/Switch.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = exports.SwitchHandle = exports.SwitchTrack = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const Checkbox_1 = require("../Checkbox");
-const Toggle_1 = require("../Toggle");
-const useToggle_1 = require("../Toggle/useToggle");
-const styled_1 = require("../../styles/styled");
-const SWITCH_GUTTER = 0.25;
-const SWITCH_HANDLE_SIZE = 1;
-exports.SwitchTrack = styled_components_1.default.span `
-  position: relative;
-  width: ${SWITCH_HANDLE_SIZE * 3}em;
-  height: ${SWITCH_HANDLE_SIZE * 1.5}em;
-  padding: ${SWITCH_GUTTER}em;
-  border-radius: ${SWITCH_HANDLE_SIZE}em;
-  ${Toggle_1.toggleBase}
-
-  input:focus ~ & {
-    ${styled_1.stateFocus}
-  }
-
-  input:disabled ~ & {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`;
-exports.SwitchHandle = styled_components_1.default.span `
-  position: absolute;
-  width: ${SWITCH_HANDLE_SIZE}em;
-  height: ${SWITCH_HANDLE_SIZE}em;
-  left: ${SWITCH_GUTTER}em;
-  margin-top: -1px;
-  /* border: 1px solid currentColor; */
-  background: currentColor;
-  opacity: 0.5;
-  border-radius: 100%;
-  transition: all 0.18s ease-in-out;
-
-  input:checked + ${exports.SwitchTrack} & {
-    opacity: 1;
-    left: calc(100% - ${SWITCH_HANDLE_SIZE}em - ${SWITCH_GUTTER}em);
-  }
-`;
-/**
- * All logic and invisible Inputs come from the `useToggle` hook
- */
-exports.Switch = (0, react_1.forwardRef)(function Switch(props, ref) {
-    const { rootProps, Inputs, label } = (0, useToggle_1.useToggle)(props, ref);
-    return ((0, jsx_runtime_1.jsxs)(Checkbox_1.CheckboxRoot, { ...rootProps, children: [Inputs, (0, jsx_runtime_1.jsx)(exports.SwitchTrack, { children: (0, jsx_runtime_1.jsx)(exports.SwitchHandle, {}) }), label && (0, jsx_runtime_1.jsx)(Checkbox_1.CheckboxLabel, { children: label })] }));
-});

package/node/Forms/Switch/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Switch"), exports);