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

package/Forms/Radio/Radio.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { Option } from "../../types";
-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,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Radio", {
-    enumerable: true,
-    get: function() {
-        return Radio;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = require("react");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const _Label = require("../Label/Label");
-const _Toggle = require("../Toggle");
-const _styles = require("../styles");
-const RadioRoot = _styledcomponents.default.div``;
-const RadioLabel = _styledcomponents.default.div`
-  ${_Label.label}
-`;
-const RadioOptionRoot = _styledcomponents.default.label`
-  display: flex;
-  align-items: center;
-  padding: 0.05em;
-  cursor: pointer;
-`;
-const RadioToggle = (0, _styledcomponents.default)(_Toggle.Toggle)``;
-const RadioIndicator = (0, _styledcomponents.default)(_Toggle.ToggleIndicatorSquared)``;
-const RadioOptionLabel = (0, _styledcomponents.default)(_Toggle.ToggleLabel)``;
-const RadioOption = /*#__PURE__*/ (0, _react.forwardRef)(function RadioOption({ register, name, label, $ref, ...props }, ref) {
-    const inputProps = register ? register(name) : {
-        name,
-        ref: $ref || ref
-    };
-    return /*#__PURE__*/ React.createElement(RadioOptionRoot, null, /*#__PURE__*/ React.createElement(RadioToggle, null, /*#__PURE__*/ React.createElement(_styles.InputInvisible, {
-        type: "radio",
-        ...inputProps,
-        ...props
-    }), /*#__PURE__*/ React.createElement(RadioIndicator, null)), /*#__PURE__*/ React.createElement(RadioOptionLabel, null, label));
-});
-const Radio = /*#__PURE__*/ (0, _react.forwardRef)(function Radio({ label, options, ...props }, ref) {
-    if (!options) return null;
-    return /*#__PURE__*/ React.createElement(RadioRoot, null, label && /*#__PURE__*/ React.createElement(RadioLabel, null, label), options.map((option, idx)=>/*#__PURE__*/ React.createElement(RadioOption, {
-            key: idx,
-            ...option,
-            ...props,
-            $ref: ref
-        })));
-});

package/Forms/Radio/Radio.mjs

@@ -1,38 +0,0 @@
-import { forwardRef } from "react";
-import styled from "styled-components";
-import { label } from "../Label/Label";
-import { Toggle, ToggleIndicatorSquared, ToggleLabel } 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 = /*#__PURE__*/ forwardRef(function RadioOption({ register, name, label, $ref, ...props }, ref) {
-    const inputProps = register ? register(name) : {
-        name,
-        ref: $ref || ref
-    };
-    return /*#__PURE__*/ React.createElement(RadioOptionRoot, null, /*#__PURE__*/ React.createElement(RadioToggle, null, /*#__PURE__*/ React.createElement(InputInvisible, {
-        type: "radio",
-        ...inputProps,
-        ...props
-    }), /*#__PURE__*/ React.createElement(RadioIndicator, null)), /*#__PURE__*/ React.createElement(RadioOptionLabel, null, label));
-});
-export const Radio = /*#__PURE__*/ forwardRef(function Radio({ label, options, ...props }, ref) {
-    if (!options) return null;
-    return /*#__PURE__*/ React.createElement(RadioRoot, null, label && /*#__PURE__*/ React.createElement(RadioLabel, null, label), options.map((option, idx)=>/*#__PURE__*/ React.createElement(RadioOption, {
-            key: idx,
-            ...option,
-            ...props,
-            $ref: ref
-        })));
-});

package/Forms/Radio/index.d.ts

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

package/Forms/Radio/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./Radio"), exports);

package/Forms/Radio/index.mjs

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

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 type SwitchProps = UseToggleProps;
-/**
- * All logic and invisible Inputs come from the `useToggle` hook
- */
-export declare const Switch: import("react").ForwardRefExoticComponent<Omit<UseToggleProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/Forms/Switch/Switch.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    SwitchTrack: function() {
-        return SwitchTrack;
-    },
-    SwitchHandle: function() {
-        return SwitchHandle;
-    },
-    Switch: function() {
-        return Switch;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = require("react");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const _styled = require("../../styles/styled");
-const _Checkbox = require("../Checkbox");
-const _Toggle = require("../Toggle");
-const _useToggle = require("../Toggle/useToggle");
-const SWITCH_GUTTER = 0.25;
-const SWITCH_HANDLE_SIZE = 1;
-const SwitchTrack = _styledcomponents.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.toggleBase}
-
-  input:focus ~ & {
-    ${_styled.stateFocus}
-  }
-
-  input:disabled ~ & {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`;
-const SwitchHandle = _styledcomponents.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 + ${SwitchTrack} & {
-    opacity: 1;
-    left: calc(100% - ${SWITCH_HANDLE_SIZE}em - ${SWITCH_GUTTER}em);
-  }
-`;
-const Switch = /*#__PURE__*/ (0, _react.forwardRef)(function Switch(props, ref) {
-    const { rootProps, Inputs, label } = (0, _useToggle.useToggle)(props, ref);
-    return /*#__PURE__*/ React.createElement(_Checkbox.CheckboxRoot, rootProps, Inputs, /*#__PURE__*/ React.createElement(SwitchTrack, null, /*#__PURE__*/ React.createElement(SwitchHandle, null)), label && /*#__PURE__*/ React.createElement(_Checkbox.CheckboxLabel, null, label));
-});

package/Forms/Switch/Switch.mjs

@@ -1,48 +0,0 @@
-import { forwardRef } from "react";
-import styled from "styled-components";
-import { stateFocus } from "../../styles/styled";
-import { CheckboxLabel, CheckboxRoot } from "../Checkbox";
-import { toggleBase } from "../Toggle";
-import { useToggle } from "../Toggle/useToggle";
-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 = /*#__PURE__*/ forwardRef(function Switch(props, ref) {
-    const { rootProps, Inputs, label } = useToggle(props, ref);
-    return /*#__PURE__*/ React.createElement(CheckboxRoot, rootProps, Inputs, /*#__PURE__*/ React.createElement(SwitchTrack, null, /*#__PURE__*/ React.createElement(SwitchHandle, null)), label && /*#__PURE__*/ React.createElement(CheckboxLabel, null, label));
-});

package/Forms/Switch/index.d.ts

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

package/Forms/Switch/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./Switch"), exports);

package/Forms/Switch/index.mjs

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

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 type TextareaProps = FormControl<"textarea">;
-export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/Forms/Textarea/Textarea.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    TextareaNative: function() {
-        return TextareaNative;
-    },
-    Textarea: function() {
-        return Textarea;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = require("react");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const _Label = require("../Label/Label");
-const _styles = require("../styles");
-const TextareaNative = _styledcomponents.default.textarea`
-  ${_styles.inputBase}
-  ${_styles.inputFocus}
-  resize: vertical;
-`;
-const Textarea = /*#__PURE__*/ (0, _react.forwardRef)(function Textarea({ register, name, label, ...props }, ref) {
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, label && /*#__PURE__*/ React.createElement(_Label.Label, null, label), /*#__PURE__*/ React.createElement(TextareaNative, {
-        ...register ? register(name) : {
-            name,
-            ref
-        },
-        ...props
-    }));
-});

package/Forms/Textarea/Textarea.mjs

@@ -1,18 +0,0 @@
-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 = /*#__PURE__*/ forwardRef(function Textarea({ register, name, label, ...props }, ref) {
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, label && /*#__PURE__*/ React.createElement(Label, null, label), /*#__PURE__*/ React.createElement(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 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,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TextareaRich", {
-    enumerable: true,
-    get: function() {
-        return TextareaRich;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _react = require("react");
-const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
-const _Editor = require("../../Editor");
-const _Label = require("../Label/Label");
-const _helpers = require("../helpers");
-const Root = _styledcomponents.default.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;
-    }
-  }
-`;
-const TextareaRich = /*#__PURE__*/ (0, _react.forwardRef)(function TextareaRich({ register, setValue, name, label, defaultValue = "", onChange, ...props }, ref) {
-    if (register) register(name);
-    return /*#__PURE__*/ React.createElement(Root, null, label && /*#__PURE__*/ React.createElement(_Label.Label, null, label), /*#__PURE__*/ React.createElement(_Editor.Editor, {
-        options: {
-            // element: <TextareaAutosize />,
-            content: defaultValue,
-            onUpdate: (onChange || setValue) && name ? ({ editor })=>{
-                const value = editor.getHTML();
-                if (setValue) setValue(name, value);
-                (0, _helpers.triggerOnChange)(onChange, name, value);
-            } : undefined
-        },
-        ...props
-    }));
-});

package/Forms/Textarea/TextareaRich.mjs

@@ -1,40 +0,0 @@
-import { forwardRef } from "react";
-import styled from "styled-components";
-import { Editor } from "../../Editor";
-// import TextareaAutosize from "@mui/base/TextareaAutosize";
-import { Label } from "../Label/Label";
-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 = /*#__PURE__*/ forwardRef(function TextareaRich({ register, setValue, name, label, defaultValue = "", onChange, ...props }, ref) {
-    if (register) register(name);
-    return /*#__PURE__*/ React.createElement(Root, null, label && /*#__PURE__*/ React.createElement(Label, null, label), /*#__PURE__*/ React.createElement(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,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./Textarea"), exports);
-_export_star._(require("./TextareaRich"), exports);

package/Forms/Textarea/index.mjs

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

package/Forms/Toggle/Toggle-tailwind.js

@@ -1,99 +0,0 @@
-// /**
-//  * @file
-//  *
-//  * About accessibility:
-//  * - minimum target size of 44px https://www.w3.org/TR/WCAG21/#target-size
-//  *
-//  * @see tests on tailwind playground:
-//  * - https://play.tailwindcss.com/RVldIcmZa5
-//  */
-//  import { type FormControlState } from "../FormControl";
-//  import { FormControlStatefulElement } from "../FormControlStatefulElement";
-//  export type ToggleProps = React.ComponentProps<"span">;
-//  export const Toggle = ({ className = "", ...props }: ToggleProps) => {
-//    return (
-//      <span
-//        className={`relative my-0 -mx-1 inline-flex h-8 w-8 items-center justify-center p-1 ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleLabelProps = React.ComponentProps<"span">;
-//  export const ToggleLabel = ({ className = "", ...props }: ToggleLabelProps) => {
-//    return (
-//      <span
-//        className={`text-grey-200 ml-3 select-none ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleLabelSubProps = React.ComponentProps<"small">;
-//  export const ToggleLabelSub = ({
-//    className = "",
-//    ...props
-//  }: ToggleLabelSubProps) => {
-//    return (
-//      <span
-//        className={`text-xs opacity-70 ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleIndicatorProps = FormControlState & {
-//    className?: string;
-//  };
-//  export const ToggleIndicator = ({
-//    className,
-//    ...props
-//  }: ToggleIndicatorProps) => {
-//    return (
-//      <FormControlStatefulElement
-//        as="span"
-//        className={`relative flex h-[24px] w-[24px] rounded-md border border-solid ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleIndicatorFgProps = React.ComponentProps<"svg">;
-//  export const ToggleIndicatorFg = ({
-//    className = "",
-//    ...props
-//  }: ToggleIndicatorFgProps) => {
-//    return (
-//      <svg
-//        className={`on-toggle-checked:scale-100 absolute left-0 h-full w-full scale-0 transition-transform ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleIndicatorSquaredProps = ToggleIndicatorProps;
-//  export const ToggleIndicatorSquared = (props: ToggleIndicatorSquaredProps) => {
-//    return (
-//      <ToggleIndicator {...props}>
-//        <ToggleIndicatorFg viewBox="0 0 24 24">
-//          <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
-//        </ToggleIndicatorFg>
-//      </ToggleIndicator>
-//    );
-//  };
-//  export type ToggleIndicatorRoundedProps = ToggleIndicatorProps & {
-//    /** @default 6 */
-//    r?: number;
-//  };
-//  export const ToggleIndicatorRounded = ({
-//    r = 6,
-//    ...props
-//  }: ToggleIndicatorRoundedProps) => {
-//    return (
-//      <ToggleIndicator {...props}>
-//        <ToggleIndicatorFg viewBox="0 0 24 24">
-//          <circle
-//            r={r}
-//            cx="12"
-//            cy="12"
-//          />
-//        </ToggleIndicatorFg>
-//      </ToggleIndicator>
-//    );
-//  };
-"use strict";

package/Forms/Toggle/Toggle-tailwind.mjs

@@ -1,98 +0,0 @@
-// /**
-//  * @file
-//  *
-//  * About accessibility:
-//  * - minimum target size of 44px https://www.w3.org/TR/WCAG21/#target-size
-//  *
-//  * @see tests on tailwind playground:
-//  * - https://play.tailwindcss.com/RVldIcmZa5
-//  */
-//  import { type FormControlState } from "../FormControl";
-//  import { FormControlStatefulElement } from "../FormControlStatefulElement";
-//  export type ToggleProps = React.ComponentProps<"span">;
-//  export const Toggle = ({ className = "", ...props }: ToggleProps) => {
-//    return (
-//      <span
-//        className={`relative my-0 -mx-1 inline-flex h-8 w-8 items-center justify-center p-1 ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleLabelProps = React.ComponentProps<"span">;
-//  export const ToggleLabel = ({ className = "", ...props }: ToggleLabelProps) => {
-//    return (
-//      <span
-//        className={`text-grey-200 ml-3 select-none ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleLabelSubProps = React.ComponentProps<"small">;
-//  export const ToggleLabelSub = ({
-//    className = "",
-//    ...props
-//  }: ToggleLabelSubProps) => {
-//    return (
-//      <span
-//        className={`text-xs opacity-70 ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleIndicatorProps = FormControlState & {
-//    className?: string;
-//  };
-//  export const ToggleIndicator = ({
-//    className,
-//    ...props
-//  }: ToggleIndicatorProps) => {
-//    return (
-//      <FormControlStatefulElement
-//        as="span"
-//        className={`relative flex h-[24px] w-[24px] rounded-md border border-solid ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleIndicatorFgProps = React.ComponentProps<"svg">;
-//  export const ToggleIndicatorFg = ({
-//    className = "",
-//    ...props
-//  }: ToggleIndicatorFgProps) => {
-//    return (
-//      <svg
-//        className={`on-toggle-checked:scale-100 absolute left-0 h-full w-full scale-0 transition-transform ${className}`}
-//        {...props}
-//      />
-//    );
-//  };
-//  export type ToggleIndicatorSquaredProps = ToggleIndicatorProps;
-//  export const ToggleIndicatorSquared = (props: ToggleIndicatorSquaredProps) => {
-//    return (
-//      <ToggleIndicator {...props}>
-//        <ToggleIndicatorFg viewBox="0 0 24 24">
-//          <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
-//        </ToggleIndicatorFg>
-//      </ToggleIndicator>
-//    );
-//  };
-//  export type ToggleIndicatorRoundedProps = ToggleIndicatorProps & {
-//    /** @default 6 */
-//    r?: number;
-//  };
-//  export const ToggleIndicatorRounded = ({
-//    r = 6,
-//    ...props
-//  }: ToggleIndicatorRoundedProps) => {
-//    return (
-//      <ToggleIndicator {...props}>
-//        <ToggleIndicatorFg viewBox="0 0 24 24">
-//          <circle
-//            r={r}
-//            cx="12"
-//            cy="12"
-//          />
-//        </ToggleIndicatorFg>
-//      </ToggleIndicator>
-//    );
-//  };

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 type ToggleIndicatorProps = unknown;
-export type ToggleIndicatorSquaredProps = ToggleIndicatorProps;
-export declare const ToggleIndicatorSquared: (props: ToggleIndicatorSquaredProps) => import("react/jsx-runtime").JSX.Element;
-export type ToggleIndicatorRoundedProps = ToggleIndicatorProps & {
-    /** @default 6 */
-    r?: number;
-};
-export declare const ToggleIndicatorRounded: ({ r, }: ToggleIndicatorRoundedProps) => import("react/jsx-runtime").JSX.Element;