hotfix: Separate exporting components and types (#514)

* Fix the build error issue
> [!] Error: 'ToggleContainerProps' is not exported by
src/ui/Toggle/ToggleContainer.tsx, imported by src/ui/Toggle/index.tsx

Author: HoonBaek

scripts/index_d_ts

@@ -2472,7 +2472,7 @@ declare module '@sendbird/uikit-react/ui/ThumbnailMessageItemBody' {
 
 declare module '@sendbird/uikit-react/ui/Toggle' {
   export interface ToggleContextInterface {
-    checked?: boolean;
+    checked?: boolean | null;
     defaultChecked?: boolean;
     disabled?: boolean;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;

src/ui/Toggle/ToggleContainer.tsx

@@ -18,7 +18,7 @@ export function ToggleContainer({
   onChange = Dvalue.onChange,
   onFocus = Dvalue.onFocus,
   onBlur = Dvalue.onBlur,
-  children = null,
+  children,
 }: ToggleContainerProps): React.ReactElement {
   const [isChecked, setChecked] = useState(defaultChecked || false);
   const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {

src/ui/Toggle/ToggleContext.ts

@@ -16,7 +16,7 @@ export const TOGGLE_DEFAULT_VALUE = {
 };
 
 export interface ToggleContextInterface {
-  checked?: boolean;
+  checked?: boolean | null;
   defaultChecked?: boolean;
   disabled?: boolean;
   onChange?: ChangeEventHandler<HTMLInputElement>;

src/ui/Toggle/index.tsx

@@ -54,4 +54,5 @@ function Toggle(props: ToggleProps): React.ReactElement {
   );
 }
 
-export { Toggle, ToggleContainer, ToggleContainerProps, ToggleUI, ToggleUIProps, useToggleContext };
+export type { ToggleContainerProps, ToggleUIProps };
+export { Toggle, ToggleContainer, ToggleUI, useToggleContext };