@koine/react 2.0.0-beta.15 → 2.0.0-beta.151

package/Forms/Password/Password.js

@@ -1,17 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useState } from "react";
-import { ImEyeBlocked as IconInvisible, ImEye as IconVisible, } from "react-icons/im";
-import styled from "styled-components";
-import { InputNative } from "../Input/Input.js";
-import { Label } from "../Label/Label.js";
-var ICON_WIDTH = "2em";
-var PasswordInputWrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-export var PasswordInputNative = styled(InputNative)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  padding-right: ", ";\n"], ["\n  position: relative;\n  padding-right: ", ";\n"])), ICON_WIDTH);
-var PasswordIcon = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.5;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.5;\n"])), ICON_WIDTH);
-export var Password = forwardRef(function Password(_a, ref) {
-    var register = _a.register, name = _a.name, label = _a.label, props = __rest(_a, ["register", "name", "label"]);
-    var _b = useState(false), visible = _b[0], setVisible = _b[1];
-    return (_jsxs(_Fragment, { children: [label && _jsx(Label, { children: label }), _jsxs(PasswordInputWrap, { children: [_jsx(PasswordInputNative, __assign({ type: visible ? "text" : "password", autoComplete: "new-password" }, (register ? register(name) : { name: name, ref: ref }), props)), _jsx(PasswordIcon, { onClick: function () { return setVisible(function (prev) { return !prev; }); }, children: visible ? _jsx(IconInvisible, {}) : _jsx(IconVisible, {}) })] })] }));
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/Forms/Password/index.d.ts

@@ -1 +0,0 @@
-export * from "./Password.js";

package/Forms/Password/index.js

@@ -1 +0,0 @@
-export * from "./Password.js";

package/Forms/Radio/Radio.d.ts

@@ -1,11 +0,0 @@
-import type { Option } from "../../types.js";
-import { FormControl } from "../helpers";
-type RadioOptionProps = Omit<FormControl, "value"> & Option & {
-    $ref: React.ForwardedRef<HTMLInputElement>;
-};
-export type RadioProps = Omit<FormControl, "value"> & {
-    value?: string;
-    options?: Pick<RadioOptionProps, "label" | "value">[];
-};
-export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/Forms/Radio/Radio.js

@@ -1,25 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styled from "styled-components";
-import { label } from "../Label/Label.js";
-import { Toggle, ToggleIndicatorSquared, ToggleLabel } from "../Toggle/index.js";
-import { InputInvisible } from "../styles.js";
-var RadioRoot = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var RadioLabel = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), label);
-var RadioOptionRoot = styled.label(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0.05em;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0.05em;\n  cursor: pointer;\n"])));
-var RadioToggle = styled(Toggle)(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
-var RadioIndicator = styled(ToggleIndicatorSquared)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
-var RadioOptionLabel = styled(ToggleLabel)(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
-var RadioOption = forwardRef(function RadioOption(_a, ref) {
-    var register = _a.register, name = _a.name, label = _a.label, $ref = _a.$ref, props = __rest(_a, ["register", "name", "label", "$ref"]);
-    var inputProps = register ? register(name) : { name: name, ref: $ref || ref };
-    return (_jsxs(RadioOptionRoot, { children: [_jsxs(RadioToggle, { children: [_jsx(InputInvisible, __assign({ type: "radio" }, inputProps, props)), _jsx(RadioIndicator, {})] }), _jsx(RadioOptionLabel, { children: label })] }));
-});
-export var Radio = forwardRef(function Radio(_a, ref) {
-    var label = _a.label, options = _a.options, props = __rest(_a, ["label", "options"]);
-    if (!options)
-        return null;
-    return (_jsxs(RadioRoot, { children: [label && _jsx(RadioLabel, { children: label }), options.map(function (option, idx) { return (_jsx(RadioOption, __assign({}, option, props, { "$ref": ref }), idx)); })] }));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/Forms/Radio/index.d.ts

@@ -1 +0,0 @@
-export * from "./Radio.js";

package/Forms/Radio/index.js

@@ -1 +0,0 @@
-export * from "./Radio.js";

package/Forms/Switch/Switch.d.ts

@@ -1,5 +0,0 @@
-import { UseToggleProps } from "../Toggle/useToggle.js";
-export declare const SwitchTrack: any;
-export declare const SwitchHandle: any;
-export type SwitchProps = UseToggleProps;
-export declare const Switch: import("react").ForwardRefExoticComponent<Omit<UseToggleProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/Forms/Switch/Switch.js

@@ -1,17 +0,0 @@
-import { __assign, __makeTemplateObject } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styled from "styled-components";
-import { stateFocus } from "../../styles/styled.js";
-import { CheckboxLabel, CheckboxRoot } from "../Checkbox/index.js";
-import { toggleBase } from "../Toggle/index.js";
-import { useToggle } from "../Toggle/useToggle.js";
-var SWITCH_GUTTER = 0.25;
-var SWITCH_HANDLE_SIZE = 1;
-export var SwitchTrack = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: ", "em;\n  height: ", "em;\n  padding: ", "em;\n  border-radius: ", "em;\n  ", "\n\n  input:focus ~ & {\n    ", "\n  }\n\n  input:disabled ~ & {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n"], ["\n  position: relative;\n  width: ", "em;\n  height: ", "em;\n  padding: ", "em;\n  border-radius: ", "em;\n  ", "\n\n  input:focus ~ & {\n    ", "\n  }\n\n  input:disabled ~ & {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n"])), SWITCH_HANDLE_SIZE * 3, SWITCH_HANDLE_SIZE * 1.5, SWITCH_GUTTER, SWITCH_HANDLE_SIZE, toggleBase, stateFocus);
-export var SwitchHandle = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  width: ", "em;\n  height: ", "em;\n  left: ", "em;\n  margin-top: -1px;\n  /* border: 1px solid currentColor; */\n  background: currentColor;\n  opacity: 0.5;\n  border-radius: 100%;\n  transition: all 0.18s ease-in-out;\n\n  input:checked + ", " & {\n    opacity: 1;\n    left: calc(100% - ", "em - ", "em);\n  }\n"], ["\n  position: absolute;\n  width: ", "em;\n  height: ", "em;\n  left: ", "em;\n  margin-top: -1px;\n  /* border: 1px solid currentColor; */\n  background: currentColor;\n  opacity: 0.5;\n  border-radius: 100%;\n  transition: all 0.18s ease-in-out;\n\n  input:checked + ", " & {\n    opacity: 1;\n    left: calc(100% - ", "em - ", "em);\n  }\n"])), SWITCH_HANDLE_SIZE, SWITCH_HANDLE_SIZE, SWITCH_GUTTER, SwitchTrack, SWITCH_HANDLE_SIZE, SWITCH_GUTTER);
-export var Switch = forwardRef(function Switch(props, ref) {
-    var _a = useToggle(props, ref), rootProps = _a.rootProps, Inputs = _a.Inputs, label = _a.label;
-    return (_jsxs(CheckboxRoot, __assign({}, rootProps, { children: [Inputs, _jsx(SwitchTrack, { children: _jsx(SwitchHandle, {}) }), label && _jsx(CheckboxLabel, { children: label })] })));
-});
-var templateObject_1, templateObject_2;

package/Forms/Switch/index.d.ts

@@ -1 +0,0 @@
-export * from "./Switch.js";

package/Forms/Switch/index.js

@@ -1 +0,0 @@
-export * from "./Switch.js";

package/Forms/Textarea/Textarea.d.ts

@@ -1,4 +0,0 @@
-import { FormControl } from "../helpers.js";
-export declare const TextareaNative: any;
-export type TextareaProps = FormControl<"textarea">;
-export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/Forms/Textarea/Textarea.js

@@ -1,12 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styled from "styled-components";
-import { Label } from "../Label/Label.js";
-import { inputBase, inputFocus } from "../styles.js";
-export var TextareaNative = styled.textarea(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  resize: vertical;\n"], ["\n  ", "\n  ", "\n  resize: vertical;\n"])), inputBase, inputFocus);
-export var Textarea = forwardRef(function Textarea(_a, ref) {
-    var register = _a.register, name = _a.name, label = _a.label, props = __rest(_a, ["register", "name", "label"]);
-    return (_jsxs(_Fragment, { children: [label && _jsx(Label, { children: label }), _jsx(TextareaNative, __assign({}, (register ? register(name) : { name: name, ref: ref }), props))] }));
-});
-var templateObject_1;

package/Forms/Textarea/TextareaRich.d.ts

@@ -1,5 +0,0 @@
-import { FormControl } from "../helpers.js";
-export type TextareaRichProps = FormControl<"textarea"> & {
-    defaultValue?: string;
-};
-export declare const TextareaRich: import("react").ForwardRefExoticComponent<Omit<TextareaRichProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/Forms/Textarea/TextareaRich.js

@@ -1,26 +0,0 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styled from "styled-components";
-import { Editor } from "../../Editor/index.js";
-import { Label } from "../Label/Label.js";
-import { triggerOnChange } from "../helpers.js";
-var Root = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .ProseMirror {\n    max-height: 160px;\n    overflow: auto;\n  }\n  .EditorContent {\n    position: relative;\n    &:after {\n      position: absolute;\n      content: \"\";\n      bottom: 0;\n      left: 0;\n      right: 16px; /* scrollbar width? */\n      height: 3em;\n      background: linear-gradient(0deg, white, white 33%, transparent);\n      pointer-events: none;\n    }\n  }\n"], ["\n  .ProseMirror {\n    max-height: 160px;\n    overflow: auto;\n  }\n  .EditorContent {\n    position: relative;\n    &:after {\n      position: absolute;\n      content: \"\";\n      bottom: 0;\n      left: 0;\n      right: 16px; /* scrollbar width? */\n      height: 3em;\n      background: linear-gradient(0deg, white, white 33%, transparent);\n      pointer-events: none;\n    }\n  }\n"])));
-export var TextareaRich = forwardRef(function TextareaRich(_a, ref) {
-    var register = _a.register, setValue = _a.setValue, name = _a.name, label = _a.label, _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, onChange = _a.onChange, props = __rest(_a, ["register", "setValue", "name", "label", "defaultValue", "onChange"]);
-    if (register)
-        register(name);
-    return (_jsxs(Root, { children: [label && _jsx(Label, { children: label }), _jsx(Editor, __assign({ options: {
-                    content: defaultValue,
-                    onUpdate: (onChange || setValue) && name
-                        ? function (_a) {
-                            var editor = _a.editor;
-                            var value = editor.getHTML();
-                            if (setValue)
-                                setValue(name, value);
-                            triggerOnChange(onChange, name, value);
-                        }
-                        : undefined,
-                } }, props))] }));
-});
-var templateObject_1;

package/Forms/Textarea/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Textarea.js";
-export * from "./TextareaRich.js";

package/Forms/Textarea/index.js

@@ -1,2 +0,0 @@
-export * from "./Textarea.js";
-export * from "./TextareaRich.js";

package/Forms/Toggle/Toggle-tailwind.js

@@ -1 +0,0 @@
-"use strict";

package/Forms/Toggle/Toggle.d.ts

@@ -1,18 +0,0 @@
-export declare const toggleBase = "\n  border: 1px solid var(--forms-border-color);\n";
-export declare const toggleIndicatorBg = "\n  display: inline-block;\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n";
-export declare const toggleIndicatorBgShape: string;
-export declare const toggleIndicatorFg = "\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  fill: currentcolor;\n";
-export declare const Toggle: any;
-export declare const ToggleLabel: any;
-export declare const ToggleLabelSub: any;
-export declare const ToggleIndicatorHolder: any;
-export declare const ToggleIndicatorBgSquare: any;
-export declare const ToggleIndicatorBgCircle: any;
-export declare const ToggleIndicatorFg: any;
-export type ToggleIndicatorProps = unknown;
-export type ToggleIndicatorSquaredProps = ToggleIndicatorProps;
-export declare const ToggleIndicatorSquared: (props: ToggleIndicatorSquaredProps) => import("react/jsx-runtime").JSX.Element;
-export type ToggleIndicatorRoundedProps = ToggleIndicatorProps & {
-    r?: number;
-};
-export declare const ToggleIndicatorRounded: ({ r, }: ToggleIndicatorRoundedProps) => import("react/jsx-runtime").JSX.Element;

package/Forms/Toggle/Toggle.js

@@ -1,25 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import styled from "styled-components";
-import { stateFocus } from "../../styles/styled.js";
-export var toggleBase = "\n  border: 1px solid var(--forms-border-color);\n";
-export var toggleIndicatorBg = "\n  display: inline-block;\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n";
-export var toggleIndicatorBgShape = "\n  ".concat(toggleIndicatorBg, "\n  fill: none;\n  stroke-width: 2px;\n  stroke: var(--forms-border-color);\n");
-export var toggleIndicatorFg = "\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  fill: currentcolor;\n";
-export var Toggle = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2em;\n  height: 2em;\n  margin: 0 -0.3em; /* rtl */\n  padding: 0.3em;\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2em;\n  height: 2em;\n  margin: 0 -0.3em; /* rtl */\n  padding: 0.3em;\n"])));
-export var ToggleLabel = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-left: 0.6em; /* rtl */\n"], ["\n  margin-left: 0.6em; /* rtl */\n"])));
-export var ToggleLabelSub = styled.small(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  opacity: 0.7;\n  font-size: 0.7em;\n"], ["\n  opacity: 0.7;\n  font-size: 0.7em;\n"])));
-export var ToggleIndicatorHolder = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n\n  input:focus ~ & {\n    ", "\n  }\n"], ["\n  position: relative;\n  display: flex;\n\n  input:focus ~ & {\n    ", "\n  }\n"])), stateFocus);
-export var ToggleIndicatorBgSquare = styled.svg(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), toggleIndicatorBgShape);
-export var ToggleIndicatorBgCircle = styled.svg(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), toggleIndicatorBgShape);
-export var ToggleIndicatorFg = styled.svg(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  transform: scale(0);\n  transition: transform 0.18s ease;\n\n  input:checked + ", " & {\n    transform: scale(1);\n  }\n"], ["\n  ", "\n  transform: scale(0);\n  transition: transform 0.18s ease;\n\n  input:checked + ", " & {\n    transform: scale(1);\n  }\n"])), toggleIndicatorFg, ToggleIndicatorHolder);
-export var ToggleIndicatorSquared = function (props) {
-    return (_jsxs(ToggleIndicatorHolder, { children: [_jsx(ToggleIndicatorBgSquare, { viewBox: "0 0 24 24", children: _jsx("rect", { width: "24", height: "24" }) }), _jsx(ToggleIndicatorFg, { viewBox: "0 0 24 24", children: _jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) })] }));
-};
-export var ToggleIndicatorRounded = function (_a) {
-    var _b = _a.r, r = _b === void 0 ? 6 : _b;
-    var id = useId();
-    return (_jsxs(ToggleIndicatorHolder, { children: [_jsxs(ToggleIndicatorBgCircle, { viewBox: "0 0 24 24", children: [_jsx("circle", { cy: "12", cx: "12", r: "12", id: "r_".concat(id), clipPath: "url(#c_".concat(id, ")") }), _jsx("clipPath", { id: "c_".concat(id), children: _jsx("use", { xlinkHref: "#r_".concat(id) }) })] }), _jsx(ToggleIndicatorFg, { viewBox: "0 0 24 24", children: _jsx("circle", { r: r, cx: "12", cy: "12" }) })] }));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/Forms/Toggle/index.d.ts

@@ -1 +0,0 @@
-export * from "./Toggle.js";

package/Forms/Toggle/index.js

@@ -1 +0,0 @@
-export * from "./Toggle.js";

package/Forms/Toggle/useToggle-tailwind.js

@@ -1 +0,0 @@
-"use strict";

package/Forms/Toggle/useToggle.d.ts

@@ -1,16 +0,0 @@
-import type { Option } from "../../types.js";
-import { FormControl } from "../helpers";
-export type UseToggleProps = Omit<FormControl, "value"> & {
-    value?: boolean;
-    valueTrue?: string;
-    valueFalse?: string;
-    options?: Option[];
-};
-export declare function useToggle(props: UseToggleProps, ref: React.ForwardedRef<HTMLInputElement>): {
-    Inputs: import("react/jsx-runtime").JSX.Element;
-    rootProps: {
-        htmlFor: string | undefined;
-    };
-    label: any;
-    value: any;
-};

package/Forms/Toggle/useToggle.js

@@ -1,85 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
-import { useWatch } from "react-hook-form";
-import { InputInvisible } from "../styles.js";
-export function useToggle(props, ref) {
-    var name = props.name, control = props.control, register = props.register, label = props.label, options = props.options, propValue = props.value, restProps = __rest(props, ["name", "control", "register", "label", "options", "value"]);
-    var id = restProps.id, valueTrue = restProps.valueTrue, valueFalse = restProps.valueFalse, remainingInputProps = __rest(restProps, ["id", "valueTrue", "valueFalse"]);
-    if (options) {
-        valueTrue = options
-            .filter(function (opt) { return opt.value === "true"; })[0]
-            .label.toString();
-        valueFalse = options
-            .filter(function (opt) { return opt.value === "false"; })[0]
-            .label.toString();
-    }
-    id = "switch-".concat(name);
-    var idTrue = "".concat(id, "-true");
-    var idFalse = "".concat(id, "-false");
-    var isRadio = !!(valueTrue && valueFalse);
-    var value = useWatch({
-        name: name,
-        control: control,
-    });
-    if (propValue) {
-        value = propValue;
-    }
-    var inputProps = useMemo(function () {
-        return register
-            ? register(name)
-            : control
-                ? control.register(name)
-                : {
-                    name: name,
-                    ref: ref,
-                };
-    }, [register, control, name, ref]);
-    var handleKeyDown = useCallback(function (event) {
-        if (event.key === " ") {
-            event.preventDefault();
-            event.stopPropagation();
-            var firstInput = event.target;
-            var next = firstInput.nextElementSibling;
-            var prev = firstInput.previousElementSibling;
-            var secondInput = (next === null || next === void 0 ? void 0 : next.tagName) === "INPUT" ? next : prev;
-            var target = firstInput;
-            if (firstInput.checked) {
-                target = secondInput;
-            }
-            else {
-                if (!secondInput.checked) {
-                    target =
-                        firstInput.value === valueTrue ? firstInput : secondInput;
-                }
-            }
-            if (target)
-                target.click();
-        }
-    }, [valueTrue]);
-    var valueDependentProps = useMemo(function () { return ({
-        rootProps: {
-            htmlFor: isRadio
-                ? !value || value === valueFalse
-                    ? idTrue
-                    : idFalse
-                : id,
-        },
-        label: label ? label : value,
-        value: value,
-    }); }, [value, valueFalse, isRadio, id, idTrue, idFalse, label]);
-    var Inputs = useMemo(function () {
-        return isRadio ? (_jsxs(_Fragment, { children: [_jsx(InputInvisible, __assign({ id: idFalse }, inputProps, remainingInputProps, { onKeyDown: handleKeyDown, type: "radio", value: valueFalse })), _jsx(InputInvisible, __assign({ id: idTrue }, inputProps, remainingInputProps, { onKeyDown: handleKeyDown, type: "radio", value: valueTrue }))] })) : (_jsx(InputInvisible, __assign({ id: id, type: "checkbox" }, inputProps, remainingInputProps)));
-    }, [
-        inputProps,
-        remainingInputProps,
-        handleKeyDown,
-        isRadio,
-        idFalse,
-        idTrue,
-        valueFalse,
-        valueTrue,
-        id,
-    ]);
-    return __assign(__assign({}, valueDependentProps), { Inputs: Inputs });
-}

package/Forms/antispam.d.ts

@@ -1,27 +0,0 @@
-import { type ObjectShape } from "@kuus/yup";
-export declare function encodeForm<T extends ObjectShape = {}>(validationRules: T): {
-    encodedSchema: import("@kuus/yup").ObjectSchema<{
-        [x: string]: T[keyof T] extends import("@kuus/yup").ISchema<any, any, any, any> ? T[keyof T]["__outputType"] : T[keyof T] extends {
-            readonly key: string;
-            readonly isContext: boolean;
-            readonly isValue: boolean;
-            readonly isSibling: boolean;
-            readonly path: any;
-            readonly getter: (data: unknown) => unknown;
-            readonly map?: ((value: unknown) => infer T) | undefined;
-            readonly __isYupRef: boolean;
-            getValue(value: any, parent?: {} | undefined, context?: {} | undefined): infer T;
-            cast(value: any, options?: {
-                parent?: {} | undefined;
-                context?: {} | undefined;
-            } | undefined): infer T;
-            resolve(): any;
-            describe(): import("@kuus/yup").SchemaRefDescription;
-            toString(): string;
-        } ? T : unknown;
-    }, import("@kuus/yup").AnyObject, {
-        [x: string]: T[keyof T] extends import("@kuus/yup").ISchema<any, import("@kuus/yup").AnyObject, any, any> ? T[keyof T]["__default"] : undefined;
-    }, "">;
-    encodedNames: Record<keyof T, string>;
-};
-export declare function decodeForm<ReturnAs extends Record<string, unknown> = {}, FormData extends Record<string, unknown> = {}>(formData: FormData): ReturnAs;

package/Forms/antispam.js

@@ -1,31 +0,0 @@
-import { object } from "@kuus/yup";
-import decode from "@koine/utils/decode";
-import encode from "@koine/utils/encode";
-import isUndefined from "@koine/utils/isUndefined";
-export function encodeForm(validationRules) {
-    var encoded = {};
-    var encodedNames = {};
-    for (var name_1 in validationRules) {
-        if (!name_1.startsWith("_")) {
-            var encodedName = encode(name_1);
-            encoded[encodedName] = validationRules[name_1];
-            encodedNames[name_1] = encodedName;
-        }
-    }
-    var encodedSchema = object(encoded).required();
-    return { encodedSchema: encodedSchema, encodedNames: encodedNames };
-}
-export function decodeForm(formData) {
-    var json = {};
-    for (var encodedName in formData) {
-        var decodedName = decode(encodedName);
-        if (encodedName.startsWith("_")) {
-            json[encodedName.substring(1)] = formData[encodedName];
-        }
-        else if (!isUndefined(formData[encodedName]) &&
-            formData[decodedName] === "") {
-            json[decodedName] = formData[encodedName];
-        }
-    }
-    return json;
-}

package/Forms/helpers.d.ts

@@ -1,18 +0,0 @@
-import type { Control, UseFormRegister, UseFormSetValue } from "react-hook-form";
-import type { Option } from "../types";
-type FormControlNativeType = "input" | "select" | "textarea";
-type FormControlFieldValues = Record<string, any>;
-export type FormControlNative<T extends FormControlNativeType = "input"> = Omit<React.ComponentPropsWithRef<T>, "name">;
-export type FormControlProps<T extends FormControlFieldValues = any> = {
-    label?: React.ReactNode;
-    name: string;
-    control?: Control<T>;
-    register?: UseFormRegister<T>;
-    setValue?: UseFormSetValue<T>;
-};
-export type FormControl<TControlType extends FormControlNativeType = "input", TFieldValues extends FormControlFieldValues = any> = FormControlNative<TControlType> & FormControlProps<TFieldValues>;
-export declare const normaliseOptions: (options?: (string | Option)[]) => Option[];
-export declare function defaultOptionsFilterFn(options: Option[], inputValue?: string): Option[];
-export declare function triggerOnChange<T extends HTMLElement = HTMLInputElement>(onChange?: React.ChangeEventHandler<T>, name?: string, value?: any): void;
-export declare function triggerChange(input: HTMLInputElement, value?: string): void;
-export {};

package/Forms/helpers.js

@@ -1,36 +0,0 @@
-import isString from "@koine/utils/isString";
-import matchSorter from "@koine/utils/matchSorter";
-export var normaliseOptions = function (options) {
-    if (options === void 0) { options = []; }
-    return options.map(function (option) {
-        return isString(option)
-            ? {
-                label: option,
-                value: option,
-            }
-            : option;
-    });
-};
-export function defaultOptionsFilterFn(options, inputValue) {
-    if (!inputValue) {
-        return options;
-    }
-    return matchSorter(options, inputValue, { keys: ["value", "label"] });
-}
-export function triggerOnChange(onChange, name, value) {
-    if (onChange)
-        onChange({ target: { name: name, value: value } });
-}
-export function triggerChange(input, value) {
-    var obj = window.Object;
-    if (!obj) {
-        if (process.env["NODE_ENV"] !== "production") {
-            console.warn("[@koine/react:Forms:triggerChange] window.Object does not exists, bailing.");
-        }
-        return;
-    }
-    var nativeInputValueSetter = obj.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
-    nativeInputValueSetter.call(input, value);
-    var inputEvent = new Event("input", { bubbles: true });
-    input.dispatchEvent(inputEvent);
-}

package/Forms/index.d.ts

@@ -1,15 +0,0 @@
-export * from "./antispam.js";
-export * from "./Checkbox/index.js";
-export * from "./Input/index.js";
-export * from "./InputGroup/index.js";
-export * from "./Feedback/index.js";
-export * from "./Field/index.js";
-export * from "./InputGroup/index.js";
-export * from "./Label/index.js";
-export * from "./Password/index.js";
-export * from "./Radio/index.js";
-export * from "./Switch/index.js";
-export * from "./Textarea/index.js";
-export * from "./Toggle/index.js";
-export * from "./helpers.js";
-export * from "./styles.js";

package/Forms/index.js

@@ -1,15 +0,0 @@
-export * from "./antispam.js";
-export * from "./Checkbox/index.js";
-export * from "./Input/index.js";
-export * from "./InputGroup/index.js";
-export * from "./Feedback/index.js";
-export * from "./Field/index.js";
-export * from "./InputGroup/index.js";
-export * from "./Label/index.js";
-export * from "./Password/index.js";
-export * from "./Radio/index.js";
-export * from "./Switch/index.js";
-export * from "./Textarea/index.js";
-export * from "./Toggle/index.js";
-export * from "./helpers.js";
-export * from "./styles.js";

package/Forms/styles.d.ts

@@ -1,9 +0,0 @@
-export declare const InputInvisible: any;
-export declare const InputHoneypot: any;
-export declare const InputProgress: any;
-export declare const inputResetAutofill = "\n  &:-webkit-autofill,\n  &:-webkit-autofill:hover,\n  &:-webkit-autofill:focus,\n  &:-webkit-autofill:active {\n    -webkit-background-clip: text;\n  }\n";
-export declare const inputBorder = "\n  border: 1px solid var(--forms-border-color);\n";
-export declare const inputPadding = "\n  padding: var(--forms-gutter-y) var(--forms-gutter-x);\n";
-export declare const inputReset: string;
-export declare const inputBase: string;
-export declare const inputFocus: string;

package/Forms/styles.js

@@ -1,19 +0,0 @@
-import { __assign, __makeTemplateObject } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { ProgressLinear } from "../Progress/ProgressLinear.js";
-import { invisible, stateFocus } from "../styles/styled.js";
-export var InputInvisible = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), invisible);
-export var InputHoneypot = styled(InputInvisible).attrs({
-    type: "text",
-    autoComplete: "new-password",
-    tabIndex: -1,
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
-export var InputProgress = styled(function (p) { return (_jsx(ProgressLinear, __assign({ fg: "var(--accent300)", bg: "var(--accent400)" }, p))); })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"], ["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"])));
-export var inputResetAutofill = "\n  &:-webkit-autofill,\n  &:-webkit-autofill:hover,\n  &:-webkit-autofill:focus,\n  &:-webkit-autofill:active {\n    -webkit-background-clip: text;\n  }\n";
-export var inputBorder = "\n  border: 1px solid var(--forms-border-color);\n";
-export var inputPadding = "\n  padding: var(--forms-gutter-y) var(--forms-gutter-x);\n";
-export var inputReset = "\n  width: 100%;\n  min-height: 44px;\n  ".concat(inputBorder, "\n  ").concat(inputPadding, "\n");
-export var inputBase = "\n  ".concat(inputReset, "\n  ").concat(inputResetAutofill, "\n  background: transparent;\n");
-export var inputFocus = "\n  &:focus {\n    outline: 0px;\n    appearance: none;\n    ".concat(stateFocus, "\n  }\n");
-var templateObject_1, templateObject_2, templateObject_3;

package/Gauge/Gauge.d.ts

@@ -1,4 +0,0 @@
-export type GaugeProps = {
-    value: number;
-};
-export declare const Gauge: (_props: GaugeProps) => null;

package/Gauge/Gauge.js

@@ -1 +0,0 @@
-export var Gauge = function (_props) { return null; };

package/Grid/Grid.d.ts

@@ -1,32 +0,0 @@
-import { CSSProperties } from "styled-components";
-import type { Breakpoint, Theme } from "../styles/theme.js";
-export declare const GRID_COLUMNS = 12;
-export declare const GRID_GUTTER_DEFAULT: keyof Theme["gutter"];
-export type GridProps = {
-    $gutter?: keyof Theme["gutter"];
-};
-export type ContainerProps = React.PropsWithChildren<GridProps & {
-    size: Breakpoint;
-    clamp?: boolean;
-}>;
-export declare const Container: any;
-export type ContainerFluidProps = React.PropsWithChildren<GridProps & {
-    size: Breakpoint;
-}>;
-export declare const ContainerFluid: any;
-type Direction = "min" | "max";
-export type RowProps = GridProps & {
-    $valign?: CSSProperties["alignItems"];
-    $reverse?: `${Direction}:${Breakpoint}`;
-    $noWrap?: boolean;
-};
-export declare const Row: any;
-export type ColProps = GridProps & Partial<Record<Breakpoint, number>> & {
-    $width?: number;
-    $flex?: boolean;
-    $valign?: React.CSSProperties["alignItems"];
-    $auto?: boolean;
-    $offset?: string;
-};
-export declare const Col: any;
-export {};

package/Grid/Grid.js

@@ -1,52 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var GRID_COLUMNS = 12;
-export var GRID_GUTTER_DEFAULT = "half";
-export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: ", "px;\n  margin: 0 auto;\n  padding: 0 ", "px;\n  ", "\n"], ["\n  max-width: ", "px;\n  margin: 0 auto;\n  padding: 0 ", "px;\n  ", "\n"])), function (p) { return p.theme.breakpoints[p.size]; }, function (p) { return p.theme.gutter[p.$gutter || GRID_GUTTER_DEFAULT]; }, function (p) { return (p.clamp ? "overflow: hidden;" : ""); });
-export var ContainerFluid = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0 ", "px;\n"], ["\n  padding: 0 ", "px;\n"])), function (p) { return p.theme.gutter[p.$gutter || GRID_GUTTER_DEFAULT]; });
-export var Row = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0 -", "px;\n  display: flex;\n  ", "\n  ", ";\n  ", "\n"], ["\n  margin: 0 -", "px;\n  display: flex;\n  ", "\n  ", ";\n  ", "\n"])), function (p) { return p.theme.gutter[p.$gutter || GRID_GUTTER_DEFAULT]; }, function (p) { return (p.$noWrap ? "overflow: auto;" : "flex-wrap: wrap;"); }, function (p) { return (p.$valign ? "align-items: ".concat(p.$valign) : ""); }, function (p) {
-    return p.$reverse &&
-        "@media (".concat(p.$reverse.split(":")[0], "-width: ").concat(p.$reverse.split(":")[1], "px) {\n      flex-direction: row-reverse;\n    }");
-});
-export var Col = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0 ", "px;\n  display: ", ";\n  ", ";\n  ", ";\n"], ["\n  padding: 0 ", "px;\n  display: ", ";\n  ", ";\n  ", ";\n"])), function (p) { return p.theme.gutter[p.$gutter || GRID_GUTTER_DEFAULT]; }, function (p) { return (p.$flex ? "flex" : "block"); }, function (p) { return (p.$valign ? "align-items: " + p.$valign : ""); }, function (p) { return getColCss(p); });
-function getColWidth(breakpoints, breakpoint, value) {
-    var breakpointValue = breakpoints[breakpoint] + "px";
-    var width = (value * 100) / GRID_COLUMNS;
-    var cssValue = "\n    min-width: ".concat(width, "%;\n    flex: 0 0 ").concat(width, "%;\n");
-    if (breakpoint === Object.keys(breakpoints)[0]) {
-        return cssValue;
-    }
-    return "\n  @media (min-width: ".concat(breakpointValue, "){\n    ").concat(cssValue, "\n  }");
-}
-function getColCss(props) {
-    var $auto = props.$auto, $offset = props.$offset, $width = props.$width;
-    var breakpoints = props.theme.breakpoints;
-    var css = "";
-    if ($offset) {
-        var offsets = $offset.split(",");
-        for (var i = 0; i <= offsets.length; i++) {
-            if (offsets[i]) {
-                var _a = offsets[i].split(":"), offsetBreakpoint = _a[0], offsetSize = _a[1];
-                css += " \n          @media(min-width: ".concat(breakpoints[offsetBreakpoint], "px){\n            margin-left: ").concat((100 * offsetSize) / GRID_COLUMNS, "%;\n          }\n        ");
-            }
-        }
-    }
-    if ($width) {
-    }
-    else if ($auto) {
-        css += "flex: 0 0 auto; width: auto; max-width: none;";
-    }
-    else {
-        for (var breakpoint in breakpoints) {
-            var value = props[breakpoint];
-            if (typeof value !== "undefined") {
-                css += getColWidth(breakpoints, breakpoint, value);
-            }
-            else if (breakpoint === "xs") {
-                css += getColWidth(breakpoints, breakpoint, 12);
-            }
-        }
-    }
-    return css;
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Grid/index.d.ts

@@ -1 +0,0 @@
-export * from "./Grid.js";