@koine/react 1.0.9 → 1.0.10

package/Forms/Radio/Radio.js

@@ -1,28 +0,0 @@
-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";
-import { Toggle, ToggleLabel, ToggleIndicatorSquared } from "../Toggle";
-import { InputInvisible } from "../styles";
-const RadioRoot = styled.div ``;
-const RadioLabel = styled.div `
-  ${label}
-`;
-const RadioOptionRoot = styled.label `
-  display: flex;
-  align-items: center;
-  padding: 0.05em;
-  cursor: pointer;
-`;
-const RadioToggle = styled(Toggle) ``;
-const RadioIndicator = styled(ToggleIndicatorSquared) ``;
-const RadioOptionLabel = styled(ToggleLabel) ``;
-const RadioOption = forwardRef(function RadioOption({ register, name, label, $ref, ...props }, ref) {
-    const inputProps = register ? register(name) : { name, ref: $ref || ref };
-    return (_jsxs(RadioOptionRoot, { children: [_jsxs(RadioToggle, { children: [_jsx(InputInvisible, { type: "radio", ...inputProps, ...props }), _jsx(RadioIndicator, {})] }), _jsx(RadioOptionLabel, { children: label })] }));
-});
-export const Radio = forwardRef(function Radio({ label, options, ...props }, ref) {
-    if (!options)
-        return null;
-    return (_jsxs(RadioRoot, { children: [label && _jsx(RadioLabel, { children: label }), options.map((option, idx) => (_jsx(RadioOption, { ...option, ...props, "$ref": ref }, idx)))] }));
-});

package/Forms/Radio/index.d.ts

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

package/Forms/Radio/index.js

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

package/Forms/Radio/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../../node/Forms/Radio/index.js",
-  "types": "./index.d.ts"
-}

package/Forms/Switch/Switch.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { UseToggleProps } from "../Toggle/useToggle";
-export declare const SwitchTrack: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const SwitchHandle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare type SwitchProps = UseToggleProps;
-/**
- * All logic and invisible Inputs come from the `useToggle` hook
- */
-export declare const Switch: import("react").ForwardRefExoticComponent<Pick<UseToggleProps, "key" | "value" | "id" | "width" | "title" | "color" | "form" | "slot" | "style" | "pattern" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "disabled" | "type" | "size" | "options" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "min" | "crossOrigin" | "alt" | "src" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | keyof import("..").FormControlProps<any> | "valueTrue" | "valueFalse"> & import("react").RefAttributes<HTMLInputElement>>;

package/Forms/Switch/Switch.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styled from "styled-components";
-import { CheckboxRoot, CheckboxLabel } from "../Checkbox";
-import { toggleBase } from "../Toggle";
-import { useToggle } from "../Toggle/useToggle";
-import { stateFocus } from "../../styles/styled";
-const SWITCH_GUTTER = 0.25;
-const SWITCH_HANDLE_SIZE = 1;
-export const SwitchTrack = styled.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;
-  ${toggleBase}
-
-  input:focus ~ & {
-    ${stateFocus}
-  }
-
-  input:disabled ~ & {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`;
-export const SwitchHandle = styled.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 + ${SwitchTrack} & {
-    opacity: 1;
-    left: calc(100% - ${SWITCH_HANDLE_SIZE}em - ${SWITCH_GUTTER}em);
-  }
-`;
-/**
- * All logic and invisible Inputs come from the `useToggle` hook
- */
-export const Switch = forwardRef(function Switch(props, ref) {
-    const { rootProps, Inputs, label } = useToggle(props, ref);
-    return (_jsxs(CheckboxRoot, { ...rootProps, children: [Inputs, _jsx(SwitchTrack, { children: _jsx(SwitchHandle, {}) }), label && _jsx(CheckboxLabel, { children: label })] }));
-});

package/Forms/Switch/index.d.ts

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

package/Forms/Switch/index.js

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

package/Forms/Switch/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../../node/Forms/Switch/index.js",
-  "types": "./index.d.ts"
-}

package/Forms/Textarea/Textarea.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { FormControl } from "../helpers";
-export declare const TextareaNative: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {}, never>;
-export declare type TextareaProps = FormControl<"textarea">;
-export declare const Textarea: import("react").ForwardRefExoticComponent<Pick<TextareaProps, "key" | "value" | "id" | "title" | "color" | "form" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "autoFocus" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "required" | "cols" | "dirName" | "rows" | "wrap" | keyof import("../helpers").FormControlProps<any>> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/Forms/Textarea/Textarea.js

@@ -1,13 +0,0 @@
-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";
-import { inputBase, inputFocus } from "../styles";
-export const TextareaNative = styled.textarea `
-  ${inputBase}
-  ${inputFocus}
-  resize: vertical;
-`;
-export const Textarea = forwardRef(function Textarea({ register, name, label, ...props }, ref) {
-    return (_jsxs(_Fragment, { children: [label && _jsx(Label, { children: label }), _jsx(TextareaNative, { ...(register ? register(name) : { name, ref }), ...props })] }));
-});

package/Forms/Textarea/TextareaRich.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { FormControl } from "../helpers";
-export declare type TextareaRichProps = FormControl<"textarea"> & {
-    defaultValue?: string;
-};
-export declare const TextareaRich: import("react").ForwardRefExoticComponent<Pick<TextareaRichProps, "key" | "value" | "id" | "title" | "color" | "form" | "slot" | "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "autoFocus" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "required" | "cols" | "dirName" | "rows" | "wrap" | keyof import("../helpers").FormControlProps<any>> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/Forms/Textarea/TextareaRich.js

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

package/Forms/Textarea/index.d.ts

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

package/Forms/Textarea/index.js

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

package/Forms/Textarea/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../../node/Forms/Textarea/index.js",
-  "types": "./index.d.ts"
-}

package/Forms/Toggle/Toggle.d.ts

@@ -1,19 +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: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const ToggleLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const ToggleLabelSub: import("styled-components").StyledComponent<"small", import("styled-components").DefaultTheme, {}, never>;
-export declare const ToggleIndicatorHolder: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const ToggleIndicatorBgSquare: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {}, never>;
-export declare const ToggleIndicatorBgCircle: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {}, never>;
-export declare const ToggleIndicatorFg: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {}, never>;
-export declare type ToggleIndicatorProps = unknown;
-export declare type ToggleIndicatorSquaredProps = ToggleIndicatorProps;
-export declare const ToggleIndicatorSquared: (props: ToggleIndicatorSquaredProps) => JSX.Element;
-export declare type ToggleIndicatorRoundedProps = ToggleIndicatorProps & {
-    /** @default 6 */
-    r?: number;
-};
-export declare const ToggleIndicatorRounded: ({ r, }: ToggleIndicatorRoundedProps) => JSX.Element;

package/Forms/Toggle/Toggle.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @file
- *
- * About accessibility:
- * - minimum target size of 44px https://www.w3.org/TR/WCAG21/#target-size
- */
-import { useId } from "react";
-import styled from "styled-components";
-import { stateFocus } from "../../styles/styled";
-export const toggleBase = `
-  border: 1px solid var(--forms-border-color);
-`;
-export const toggleIndicatorBg = `
-  display: inline-block;
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-`;
-export const toggleIndicatorBgShape = `
-  ${toggleIndicatorBg}
-  fill: none;
-  stroke-width: 2px;
-  stroke: var(--forms-border-color);
-`;
-export const toggleIndicatorFg = `
-  position: absolute;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  fill: currentcolor;
-`;
-export const Toggle = styled.span `
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 2em;
-  height: 2em;
-  margin: 0 -0.3em; /* rtl */
-  padding: 0.3em;
-`;
-export const ToggleLabel = styled.span `
-  margin-left: 0.6em; /* rtl */
-`;
-export const ToggleLabelSub = styled.small `
-  opacity: 0.7;
-  font-size: 0.7em; ;
-`;
-export const ToggleIndicatorHolder = styled.span `
-  position: relative;
-  display: flex;
-
-  input:focus ~ & {
-    ${stateFocus}
-  }
-`;
-export const ToggleIndicatorBgSquare = styled.svg `
-  ${toggleIndicatorBgShape}
-`;
-export const ToggleIndicatorBgCircle = styled.svg `
-  ${toggleIndicatorBgShape}
-`;
-export const ToggleIndicatorFg = styled.svg `
-  ${toggleIndicatorFg}
-  transform: scale(0);
-  transition: transform 0.18s ease;
-
-  input:checked + ${ToggleIndicatorHolder} & {
-    transform: scale(1);
-  }
-`;
-export const ToggleIndicatorSquared = (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 const ToggleIndicatorRounded = ({ r = 6, }) => {
-    const id = useId();
-    return (_jsxs(ToggleIndicatorHolder, { children: [_jsxs(ToggleIndicatorBgCircle, { viewBox: "0 0 24 24", children: [_jsx("circle", { cy: "12", cx: "12", r: "12", id: `r_${id}`, clipPath: `url(#c_${id})` }), _jsx("clipPath", { id: `c_${id}`, children: _jsx("use", { xlinkHref: `#r_${id}` }) })] }), _jsx(ToggleIndicatorFg, { viewBox: "0 0 24 24", children: _jsx("circle", { r: r, cx: "12", cy: "12" }) })] }));
-};

package/Forms/Toggle/index.d.ts

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

package/Forms/Toggle/index.js

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

package/Forms/Toggle/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../../node/Forms/Toggle/index.js",
-  "types": "./index.d.ts"
-}

package/Forms/Toggle/useToggle.d.ts

@@ -1,46 +0,0 @@
-/// <reference types="react" />
-import type { Option } from "../../types";
-import { FormControl } from "../helpers";
-export declare type UseToggleProps = Omit<FormControl, "value"> & {
-    value?: boolean;
-    valueTrue?: string;
-    valueFalse?: string;
-    options?: Option[];
-};
-/**
- * This hook is meant to powere Checkboxes, Switches and checkbox-like Radios
- * components, it works in fact in two modes:
- *
- * 1: behaviour as standard checkbox
- * yup validation would simply look like:
- *
- * ```ts
- * privacy:  boolean().required(),
- * // add `.nullable()` if you do not provide a boolean `defaultValue`
- * ```
- *
- * 2: beahviour as two radio for checkbox with custom true/false values as
- * strings yup validation would look like:
- *
- * ```ts
- * newsletter: string().oneOf(["yes", "no"]).required(),
- * // add `.nullable()` if you do not provide a string `defaultValue`
- *
- * // to do not make it required and avoid triggering an error when the input is
- * // untouched you need to set the default value of the input in the form
- * // initialization's `defaultValues` as such:
- *
- * useForm({ defaultValues: { newsletter: "no" }})
- * ```
- *
- * To enable this mode either pass the props `valueTrue` and `valueFalse` or
- * an array of options with the shape of `Option`
- */
-export declare function useToggle(props: UseToggleProps, ref: React.ForwardedRef<HTMLInputElement>): {
-    Inputs: JSX.Element;
-    rootProps: {
-        htmlFor: string | undefined;
-    };
-    label: any;
-    value: any;
-};

package/Forms/Toggle/useToggle.js

@@ -1,145 +0,0 @@
-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";
-/**
- * This hook is meant to powere Checkboxes, Switches and checkbox-like Radios
- * components, it works in fact in two modes:
- *
- * 1: behaviour as standard checkbox
- * yup validation would simply look like:
- *
- * ```ts
- * privacy:  boolean().required(),
- * // add `.nullable()` if you do not provide a boolean `defaultValue`
- * ```
- *
- * 2: beahviour as two radio for checkbox with custom true/false values as
- * strings yup validation would look like:
- *
- * ```ts
- * newsletter: string().oneOf(["yes", "no"]).required(),
- * // add `.nullable()` if you do not provide a string `defaultValue`
- *
- * // to do not make it required and avoid triggering an error when the input is
- * // untouched you need to set the default value of the input in the form
- * // initialization's `defaultValues` as such:
- *
- * useForm({ defaultValues: { newsletter: "no" }})
- * ```
- *
- * To enable this mode either pass the props `valueTrue` and `valueFalse` or
- * an array of options with the shape of `Option`
- */
-export function useToggle(props, ref) {
-    const { name, control, register, label, options, value: propValue, ...restProps } = props;
-    let { id, valueTrue, valueFalse, 
-    // defaultChecked,
-    // defaultValue,
-    // eslint-disable-next-line prefer-const
-    ...remainingInputProps } = restProps;
-    // use options data convention to pass on the true/false values
-    if (options) {
-        valueTrue = options
-            .filter((opt) => opt.value === "true")[0]
-            .label.toString();
-        valueFalse = options
-            .filter((opt) => opt.value === "false")[0]
-            .label.toString();
-    }
-    id = `switch-${name}`;
-    const idTrue = `${id}-true`;
-    const idFalse = `${id}-false`;
-    const isRadio = !!(valueTrue && valueFalse);
-    // // manage default values for both toggle modes
-    // defaultChecked = isUndefined(defaultChecked) ? false : defaultChecked;
-    // // TODO: maybe throw an error if the defaultValue that arrives here is not
-    // // a valid value
-    // defaultValue =
-    //   defaultValue === valueTrue || defaultValue === valueFalse
-    //     ? defaultValue
-    //     : valueFalse;
-    // get the value either from the uncontrolled watched input or from the given
-    // prop to control the component
-    let value = useWatch({
-        name,
-        control,
-        // defaultValue: isRadio ? defaultValue : defaultChecked,
-    });
-    if (propValue) {
-        value = propValue;
-    }
-    // get the input props needed by react-hook-form, first check if we have
-    // a `register` function, then check if we have a `control` object or just
-    // rely on the `name` prop and `ref`, they probably would be passed alongside
-    // an `onChange` prop that is spreaded on the inputs
-    const inputProps = useMemo(() => {
-        return register
-            ? register(name)
-            : control
-                ? control.register(name)
-                : {
-                    name,
-                    ref,
-                };
-    }, [register, control, name, ref]);
-    /**
-     * Accessibility.
-     *
-     * Fake the spacebar keyboard behaviour on the radio mode of the checkbox.
-     * Without this *only* the arrow keys would change the checkbox state
-     */
-    const handleKeyDown = useCallback((event) => {
-        if (event.key === " ") {
-            event.preventDefault();
-            event.stopPropagation();
-            const firstInput = event.target;
-            const next = firstInput.nextElementSibling;
-            const prev = firstInput.previousElementSibling;
-            const secondInput = next?.tagName === "INPUT" ? next : prev;
-            let target = firstInput;
-            if (firstInput.checked) {
-                target = secondInput;
-            }
-            else {
-                if (!secondInput.checked) {
-                    target =
-                        firstInput.value === valueTrue ? firstInput : secondInput;
-                }
-            }
-            if (target)
-                target.click();
-        }
-    }, [valueTrue]);
-    // collect all the return values that are dependent on the current value
-    // of the input
-    const valueDependentProps = useMemo(() => ({
-        rootProps: {
-            htmlFor: isRadio
-                ? !value || value === valueFalse
-                    ? idTrue
-                    : idFalse
-                : id,
-        },
-        label: label ? label : value,
-        value,
-    }), [value, valueFalse, isRadio, id, idTrue, idFalse, label]);
-    const Inputs = useMemo(() => isRadio ? (_jsxs(_Fragment, { children: [_jsx(InputInvisible, { id: idFalse, ...inputProps, ...remainingInputProps, onKeyDown: handleKeyDown, type: "radio", value: valueFalse }), _jsx(InputInvisible, { id: idTrue, ...inputProps, ...remainingInputProps, onKeyDown: handleKeyDown, type: "radio", value: valueTrue })] })) : (_jsx(InputInvisible, { id: id, type: "checkbox", ...inputProps, ...remainingInputProps })), [
-        inputProps,
-        remainingInputProps,
-        handleKeyDown,
-        isRadio,
-        idFalse,
-        idTrue,
-        valueFalse,
-        valueTrue,
-        id,
-        // defaultChecked,
-        // defaultValue,
-    ]);
-    // console.log("useToggle: render", value);
-    return {
-        ...valueDependentProps,
-        Inputs,
-    };
-}

package/Forms/antispam.d.ts

@@ -1,24 +0,0 @@
-import type { ObjectShape } from "yup/lib/object";
-/**
- * Encode form
- *
- * Takes a record of yup validations and outputs a `yup` schema with encoded
- * names (antispam technique) and a record of the encoded/decoded input `name`s.
- *
- * We skip the names prefixed wth an underscore which are considered programmatic
- * form data not created by user input.
- */
-export declare function encodeForm<T extends ObjectShape = {}>(validationRules: T): {
-    encodedSchema: import("yup/lib/object").RequiredObjectSchema<Record<string, T[keyof T]>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<Record<string, T[keyof T]>>>;
-    encodedNames: Record<keyof T, string>;
-};
-/**
- * Decode form data
- *
- * This function is meant to be used inside an api endpoint to gather an encoded
- * form submit data and transform it to the decoded desired json data.
- *
- * Here too we skip encoding/decoding process for names prefixed wth an underscore
- * which are considered programmatic form data not created by user input.
- */
-export declare function decodeForm<ReturnAs extends Record<string, unknown> = {}, FormData extends Record<string, unknown> = {}>(formData: FormData): ReturnAs;

package/Forms/antispam.js

@@ -1,56 +0,0 @@
-import { object } from "yup";
-import { encode, decode, isUndefined } from "@koine/utils";
-/**
- * Encode form
- *
- * Takes a record of yup validations and outputs a `yup` schema with encoded
- * names (antispam technique) and a record of the encoded/decoded input `name`s.
- *
- * We skip the names prefixed wth an underscore which are considered programmatic
- * form data not created by user input.
- */
-export function encodeForm(validationRules) {
-    const encoded = {};
-    const encodedNames = {};
-    for (const name in validationRules) {
-        if (!name.startsWith("_")) {
-            const encodedName = encode(name);
-            encoded[encodedName] = validationRules[name];
-            encodedNames[name] = encodedName;
-        }
-    }
-    // we need `.required()` to correctly infer the type @see
-    // https://github.com/jquense/yup/issues/946
-    const encodedSchema = object(encoded).required();
-    return { encodedSchema, encodedNames };
-}
-/**
- * Decode form data
- *
- * This function is meant to be used inside an api endpoint to gather an encoded
- * form submit data and transform it to the decoded desired json data.
- *
- * Here too we skip encoding/decoding process for names prefixed wth an underscore
- * which are considered programmatic form data not created by user input.
- */
-export function decodeForm(formData) {
-    const json = {};
-    for (const encodedName in formData) {
-        const decodedName = decode(encodedName);
-        // always add underscore prefixed names as they are treated as internal
-        // private inputs outside of the honeypot system, normalise them here removing
-        // the underscore prefix
-        if (encodedName.startsWith("_")) {
-            // @ts-expect-error nevermind
-            json[encodedName.substring(1)] = formData[encodedName];
-        }
-        // if the decoded `name` is empty and the encoded `name` is defined honeypot passed
-        else if (!isUndefined(formData[encodedName]) &&
-            formData[decodedName] === "") {
-            // @ts-expect-error nevermind
-            json[decodedName] = formData[encodedName];
-        }
-    }
-    // console.log(formData, decoded, json);
-    return json;
-}