[♻️]: Refactor to cleanup apis

lib/Dialog/Dialog.tsx

@@ -58,6 +58,7 @@ type OwnProps = {
   /**
    * Used to keep mounting when more control is needed.\
    * Useful when controlling animation with React animation libraries.
+   *
    * @default false
    */
   keepMounted?: boolean;

lib/Portal/Portal.tsx

@@ -17,6 +17,7 @@ export type Props = {
   children: React.ReactNode;
   /**
    * If `true`, the `children` will be under the DOM hierarchy of the parent component.
+   *
    * @default false
    */
   disabled?: boolean;

lib/RadioGroup/RadioGroup.tsx

@@ -52,6 +52,7 @@ type OwnProps = {
       };
   /**
    * The orientation of the group.
+   *
    * @default "vertical"
    */
   orientation?: "horizontal" | "vertical";

lib/TabGroup/TabGroup.tsx

@@ -1,9 +1,8 @@
 import * as React from "react";
-import { SystemError, logger } from "../internals";
+import { SystemError } from "../internals";
 import type { MergeElementProps } from "../types";
 import {
   componentWithForwardedRef,
-  isFragment,
   useControlledProp,
   useForkedRefs,
   useIsMounted,
@@ -35,12 +34,14 @@ type OwnProps = {
   /**
    * Indicates whether the element's orientation is horizontal or vertical.
    * This effects the keyboard interactions.
+   *
    * @default "horizontal"
    */
   orientation?: "horizontal" | "vertical";
   /**
    * If `automatic`, tabs are automatically activated and their panel is displayed when they receive focus.
    * If `manual`, users activate a tab and display its panel by focusing them and pressing `Space` or `Enter`.
+   *
    * @default "manual"
    */
   keyboardActivationBehavior?: "manual" | "automatic";
@@ -53,7 +54,7 @@ export type Props = Omit<
 
 const TabGroupBase = (props: Props, ref: React.Ref<HTMLDivElement>) => {
   const {
-    children: childrenProp,
+    children,
     className,
     onActiveTabChange,
     defaultActiveTab,
@@ -78,19 +79,6 @@ const TabGroupBase = (props: Props, ref: React.Ref<HTMLDivElement>) => {
     null,
   );
 
-  const children = React.Children.map(childrenProp, child => {
-    if (!React.isValidElement(child) || isFragment(child)) {
-      logger(
-        "The <TabGroup.Root> component doesn't accept `Fragment` or any invalid element as children.",
-        { scope: "TabGroup", type: "error" },
-      );
-
-      return null;
-    }
-
-    return child as React.ReactElement;
-  });
-
   const handleChange = (tabValue: string) => {
     if (!isMounted()) return;
 

lib/Toggle/Toggle.tsx

@@ -46,21 +46,25 @@ type OwnProps = {
   value?: string;
   /**
    * If `true`, the toggle will be focused automatically.
+   *
    * @default false
    */
   autoFocus?: boolean;
   /**
    * If `true`, the toggle will be pressed.
+   *
    * @default false
    */
   pressed?: boolean;
   /**
    * The default state of `pressed`. Use when the component is not controlled.
+   *
    * @default false
    */
   defaultPressed?: boolean;
   /**
    * If `true`, the toggle will be disabled.
+   *
    * @default false
    */
   disabled?: boolean;

lib/ToggleGroup/ToggleGroup.tsx

@@ -57,7 +57,7 @@ export type Props = Omit<
     | {
         multiple: true;
         /**
-         * The value of the active toggle.
+         * The value of the active toggles.
          */
         value?: string[];
         /**

lib/internals/FocusRedirect/FocusRedirect.tsx

@@ -16,6 +16,7 @@ export type Props = {
   children: JSX.Element;
   /**
    * If `true`, the focus will be redirected here (once!).
+   *
    * @default false
    */
   enabled?: boolean;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@styleless-ui/react",
-  "version": "1.0.0-rc.5",
+  "version": "1.0.0-rc.6",
   "description": "Completely unstyled, headless and accessible React UI components.",
   "author": "mimshins <mostafa.sh.coderino@gmail.com>",
   "license": "MIT",